@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
address,caption,cite,code,dfn,em,th,var,i,b{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
a,area{outline:none;blr:expression(this.onFocus="this.blur"())}
a:focus,a:hover,a:active{outline:none;blr:expression(this.onFocus="this.blur"())}
sub,sup{vertical-align:baseline}
table{border-collapse:collapse;border-spacing:0}
textarea { resize:none}
button,input[type=submit],input[type=text],input[type=button],input[type=password],select,textarea{-webkit-appearance:none;border-radius:0;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:0;blr:expression(this.onFocus=this.blur())}
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
a{text-decoration:none;cursor: pointer; color:#666}
a:hover{text-decoration:none}
body,th,td,button,input,select,textarea{font-size:12px;color:#000;}
.layout{ width:1200px; margin:0 auto; clear:both}
.fl{ float:left}
.fr{ float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; font-size:0; line-height:0}
.clearfix{*zoom:1}
input::-webkit-input-placeholder{color: #999 !important;}
input:-ms-input-placeholder{color: #999 !important;}
button,input[type=submit],input[type=button]{cursor: pointer;}
/* Slider */
.slick-slider{
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-slider:focus,.slick-slider:active{outline:none;blr:expression(this.onFocus="this.blur"());cursor: pointer;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{cursor: pointer;outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track{position: relative;top: 0;left: 0;display: block;}
.slick-track:before,.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide:focus{outline: none;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}

/*初始化*/
img{max-width: 100%;/*max-height: 100%;*/}
.wrap{max-width: 1200px;margin:0 auto;}

/*header*/
.header{ position: relative;z-index: 999; border-bottom:1px solid #d7d7d7;}
.h-top{ width: 100%;height: 40px; background: #003d6a;}
.h-t-contact{border-right: 1px solid #002139;border-left: 1px solid #002139;}
.h-t-contact a{ float: left;padding:0 12px;border-left: 1px solid #005696;border-right: 1px solid #002139; font-size: 18px; color: #fff; line-height: 40px;}
.h-t-contact span{ float: left;padding:0 15px;border-left: 1px solid #005696;border-right: 1px solid #002139; border-right: 1px solid #005696; font-size: 13px; color: #fff; line-height: 40px;cursor: default;}
.h-t-contact span i{ font-size: 18px;vertical-align: top;}
.h-t-share{border-right: 1px solid #005696;border-left: 1px solid #002139;}
.h-t-share a{ float: left;padding:0 12px;border-left: 1px solid #005696;border-right: 1px solid #002139; font-size: 18px; color: #fff; line-height: 40px;}
.h-t-contact a:hover,.h-t-share a:hover{ color: #da251c;}
.h-nav{width: 100%; height: 92px; background: #fff;}
.h-n-logo{ float: left;width: 150px; line-height: 92px;}
.h-n-logo img{ display: inline-block;max-height: 100%;}
.h-n-logo2{ float: right;width: 150px; line-height: 92px;}
.h-n-menu{ float: left;width: calc(100% - 300px);height: 92px; text-align: center;}
.h-n-menu>ul{ display: inline-block;}
.h-n-menu>ul>li{position: relative; float: left;z-index: 2; height: 92px; line-height: 92px;}
.h-n-menu>ul>li>a{ display: inline-block;width: 95px;height: 40px;margin: 0 2px; font-size: 16px; color: #666; text-align: center; line-height: 40px;}
.h-n-menu>ul>li.on1>a{border-radius: 5px; background: #005696; color: #fff;}
.h-n-menu>ul>li>a:hover,.h-n-menu>ul>li.on>a{border-radius: 5px; background: #da251d; color: #fff; }
.push-nav{ display: none;}
.bg-nav{ display: none;}
.head-height{ display: none;}
.move-login{ display: none;}
.x_x { display: none; position: absolute;left: 71%;top: 100%;z-index:9;width: 10em;/*padding: 20px;*/margin-left: calc(-5em - 20px); border-top: 1px solid #ccc; background: #fff; text-align: left;}
.x_x .aa_aa>a{ display: block; font-size: 14px; color: #666; padding: 10px 0; line-height: 20px;}
.x_x .aa_aa>a:hover{ /*color: #da251d;*/ background:#eee;}
.x_x .retr_x{ display: none;}
.x_x .aa_aa{ text-align: center;}
.wep_language{
    display: none;
}
/*banner*/
.banner{position: relative;z-index: 1; width: 100%; height: 600px;overflow: hidden;}
.banner .swiper-slide a{ display: block;width: 100%;height: 100%; background: no-repeat center; background-size: cover;}
.banner .swiper-pagination{ display: inline-block; left: 50%; width: auto;height: 30px;margin-left: -36px;padding: 0 8px; border-radius: 5px; background: rgba(255,255,255,.2);line-height: 30px;}
.banner .swiper-pagination-bullet{width: 13px;height: 6px; border-radius: 0;background:#fff;opacity:1;}
.banner .swiper-pagination-bullet-active{ background: #da251d;}
.banner .swiper-button-white{width: 80px;height: 80px;margin-top: -40px; background-color: #da251d; background-size: 25%;}
.banner .swiper-button-white.swiper-button-disabled{ background-color: rgba(255,255,255,.5);opacity: 1;}
.banner .swiper-button-prev{left: 0;}
.banner .swiper-button-next{right: 0;}

/*footer*/
.footer{ background: #003d6a; text-align: center;}
.foot-1{width: 100%;height: 65px; border-bottom: 1px solid #003257;}
.foot-1 ul { display: inline-block;border-right: 1px solid #005696;border-left: 1px solid #002139; line-height: 65px;}
.foot-1 ul li{ float: left;width: 125px;border-left: 1px solid #005696;border-right: 1px solid #002139;}
.foot-1 ul li a{ display: block; font-size: 12px; color: #e8e9f4;}
.foot-1 ul li a i{vertical-align: top;}
.foot-1 ul li:hover a{ color: #DA251C;}
.foot-2{padding: 40px 0;}
.foot-2>div{ display: inline-block;}
.foot-2>div>span{ display: block;overflow: hidden;margin:0 15px; border-radius: 10px; }
.foot-2>div>font{ display: block; font-size: 14px; color: #fff;}
.foot-3{ border-top: 1px solid #003257;}
.foot-3 span{ /*display: block;*/ font-size: 12px; color: rgba(255,255,255,.4); text-align: center; line-height: 60px;}

/*index*/
.in-tit{ padding: 50px 0; text-align: center;}
.in-tit span{ display: inline-block;font-size: 42px;font-weight: bold; color: #003d6a; line-height: 42px;}
.in-tit span font{ font-size: 36px;font-weight: 100; color: #b0b0b0; text-transform: uppercase;}
.index_0{ background: #003d6a;}
.index_0>.wrap{padding: 20px 144px; box-sizing: border-box;}
.index_0 div.fl span{float: left; font-size: 14px; color: #fff; line-height: 38px;}
.index_0 div.fl a{float: left;padding-right: 20px; font-size: 14px; color: #fff; line-height: 38px;}
.index_0 div.fl a:hover{ color: #da251d;}
.index_0 div.fr form{width: 280px; border-radius: 5px;overflow: hidden; background: #fff;}
.index_0 div.fr form input[type='text']{float:left;width: calc(100% - 40px);height: 38px;padding: 0 12px; border: none; box-sizing: border-box;}
.index_0 div.fr form input[type='button']{ float: left;width: 40px;height: 38px; border: none; background: transparent; font-weight: bold; font-size: 16px; color: #003d6a;}
.index_0 div.fr form input[type='button']:hover{ color: #da251d;}
.index_1 {padding: 36px 0;}
.index_1 .in-mian{overflow: hidden;}
.index_1 .in-mian div.fl{width: 612px;height: 515px;overflow: hidden;}
.index_1 .in-mian div.fr{width: calc(100% - 612px);height: 515px; background: #003d6a; box-sizing: border-box;text-align: center;}
.index_1 .in-mian div.fr ul{ display: inline-block;width: calc(100% - 35%);padding-top: 100px;}
.index_1 .in-mian div.fr ul li{ float: left; width: 48%; height: 58px;margin-bottom: 20px; border-radius: 5px; border: 1px solid #00608a;line-height: 58px;}
.index_1 .in-mian div.fr ul li:nth-child(even){ float: right;}
.index_1 .in-mian div.fr ul li a{ display: block; font-size: 16px; color: #fff; text-align: center; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.index_1 .in-mian div.fr ul li:hover,.index_1 .in-mian div.fr ul li.on{ border: 1px solid #da251d; background: #da251d;}
.index_1 .in-mian div.fr .sw-ing-1-2 .swiper-slide span{display: inline-block;width: calc(100% - 35%);padding-top: 10px;}
.index_1 .in-mian div.fr .sw-ing-1-2 .swiper-slide a{position: relative; float: left;width: 50%;padding-left: 20px; box-sizing: border-box; font-size: 12px; color: #fff; text-align: left; line-height: 30px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.index_1 .in-mian div.fr .sw-ing-1-2 .swiper-slide a:before{position: absolute;top: 0;left: 0;content: "\e614";font-family:"iconfont" !important;}
.index_1 .in-mian div.fr .sw-ing-1-2 .swiper-slide a:hover{ color: #da251d;}
.index_2 .in-mian{overflow: hidden;}
.index_2 .hd{ text-align: center;}
.index_2 .hd ul{ display: inline-block;}
.index_2 .hd ul li{ float: left; padding:0 15px;margin: 0 10px; border-radius:5px ;}
.index_2 .hd ul li a{ display: block;height: 32px; font-size: 16px; color: #777;line-height: 32px;}
.index_2 .hd ul li.on,.index_2 .hd ul li:hover{background: #da251d;}
.index_2 .hd ul li.on a,.index_2 .hd ul li:hover a{  color: #fff;}
.index_2 .in-mian .swiper-wrapper .swiper-slide ul{ height: 346px; padding: 50px 0 30px;}
.index_2 .in-mian .swiper-wrapper .swiper-slide ul li{ float: left;width: 32%;height: calc(346px - 40px);overflow: hidden; padding: 15px;margin-left: calc((100% - 32% * 3) / 2); border: 1px solid #e4e4e4; box-sizing: border-box;-webkit-transition: height .5s;transition: height .5s;}
.index_2 .in-mian .swiper-wrapper .swiper-slide ul li:first-child{margin-left: 0;}
.index_2 .in-mian .swiper-wrapper .swiper-slide ul li .sw-img a{ display: block;}
.index_2 .in-mian .swiper-wrapper .swiper-slide ul li .sw-img a img{width: 100%;}
.index_2 .in-mian .swiper-wrapper .swiper-slide ul li .sw-text a{ display: block; font-size: 14px; color: #666; line-height: 50px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.index_2 .in-mian .swiper-wrapper .swiper-slide ul li .sw-fx span.fl a:nth-child(1) i{float:left;width: 25px;height: 25px;margin-right: 5px;border-radius: 5px; background: #84c000; color: #fff; text-align: center;line-height: 25px;}
.index_2 .in-mian .swiper-wrapper .swiper-slide ul li .sw-fx span.fl a:nth-child(2) i{float:left;width: 25px;height: 25px;border-radius: 5px; background: #da251d; color: #fff; text-align: center;line-height: 25px;}
.index_2 .in-mian .swiper-wrapper .swiper-slide ul li .sw-fx a.fr{width: 25px;height: 25px;border-radius: 5px; background: #da251d; font-size: 14px;  color: #fff; text-align: center;line-height: 25px;}
.index_2 .in-mian .swiper-wrapper .swiper-slide ul li:hover{height: 346px;}
.index_2 .in-mian .swiper-wrapper .swiper-slide ul li:hover .sw-text a{ color: #da251d;}
.index_3 .in-mian{overflow: hidden;}
.index_3 .hd{ text-align: center;}
.index_3 .hd ul{ display: inline-block;}
.index_3 .hd ul li{ float: left; padding:0 15px;margin: 0 10px; border-radius:5px ;}
.index_3 .hd ul li a{ display: block;height: 32px; font-size: 16px; color: #777;line-height: 32px;}
.index_3 .hd ul li.on,.index_3 .hd ul li:hover{background: #da251d;}
.index_3 .hd ul li.on a,.index_3 .hd ul li:hover a{  color: #fff;}
.index_3 .in-mian .swiper-wrapper{ height: auto !important;}
.index_3 .in-mian .swiper-slide{ padding: 50px 0;}
.index_3 .in-mian .swiper-slide ul {position: relative; width: 100%;height: 760px;}
.index_3 .in-mian .swiper-slide ul li{position: absolute;width: 380px;height: 240px;overflow: hidden;}
.index_3 .in-mian .swiper-slide ul li:nth-child(1){top: 0;left: 0;}
.index_3 .in-mian .swiper-slide ul li:nth-child(2){top: 0;right: 0;width: 800px;height: 504px;}
.index_3 .in-mian .swiper-slide ul li:nth-child(3){top: 264px;left: 0;}
.index_3 .in-mian .swiper-slide ul li:nth-child(4){bottom: 0;left: 0;}
.index_3 .in-mian .swiper-slide ul li:nth-child(5){bottom: 0;left: 400px;}
.index_3 .in-mian .swiper-slide ul li:nth-child(6){bottom: 0;right: 0;}
.index_3 .in-mian .swiper-slide ul li img{width: 100%;}
.index_3 .in-mian .swiper-slide ul li a{ display: block;}
.index_3 .in-mian .swiper-slide ul li a em{ display: block;}
.index_3 .in-mian .swiper-slide ul li a span{ position: absolute;top: 0;left: 0;width: 100%;height: 100%; background: rgba(0,0,0,.5); text-align: center;}
.index_3 .in-mian .swiper-slide ul li a span i{position: absolute;top: 50%;left: 50%;width: 38px;height: 38px;font-size:36px;color: #fff;margin-left: -19px;margin-top: -19px;}
.index_3 .in-mian .swiper-slide ul li a span font{ display: block;position: absolute;bottom: 35px;left: 0;width: 100%;font-size: 16px; color: #fff; line-height: 24px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.index_3 .in-mian .swiper-slide ul li:hover a span i,.index_3 .in-mian .swiper-slide ul li:hover a span font{color: #DA251C;}

/*首页弹窗*/
.tc-login{visibility: hidden; position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 199; background: rgba(0,0,0,.6);-webkit-transition: all .5s;transition: all .5s;opacity: 0;}
.tc-login form{position: absolute;top: 50%;left: 50%; width: 850px;height: 530px;margin-top: -265px;margin-left: -425px;padding: 40px 0; background: #fff; box-sizing: border-box; text-align: center;-webkit-transition: all 1s .2s;transition: all 1s .2s;-webkit-transform: translateY(-40px);transform: translateY(-40px);}
.tc-login form h3{ font-size: 24px; color: #666; line-height: 96px;}
.tc-login form .log-Close{position: absolute;top: 15px;right: 15px;width: 30px;height: 30px; border-radius: 50%; border: 5px solid #efefef; text-align: center; line-height: 30px;}
.tc-login form .log-Close a{display: block;width: 30px;height: 30px; font-size: 20px; color: #333;}
.tc-login form .log-Close:hover{ border-color: #ccc;}
.tc-login form .login-mian{width: 330px; margin: 0 auto;}
.tc-login form .login-mian input[type='text']{width: 100%;height: 48px; padding: 0 15px;margin-bottom: 15px; border: 1px solid #e8e8e8; box-sizing: border-box; font-size: 16px; color: #666; line-height: 48px;}
.tc-login form .login-mian input[type='password']{width: 100%;height: 48px; padding: 0 15px;margin-bottom: 15px; border: 1px solid #e8e8e8; box-sizing: border-box; font-size: 16px; color: #666; line-height: 48px;}
.tc-login form .login-mian input[type='button']{width: 100%;height: 50px;margin: 15px 0 25px; border: none; border-radius: 8px; background: #da251d; font-size: 16px; color: #fff;}
.tc-login form .login-mian h6{ text-align: left;}
.tc-login form .login-mian h6 a{padding: 0 10px; font-size: 14px; color: #666; line-height: 1;}
.tc-login form .login-mian h6 a:first-child{border-right: 1px solid #ccc;}
.tc-login form .login-mian h6 a:hover{ color: #da251d;}
.tc-login.on{visibility: visible;opacity: 1;}
.tc-login.on form{-webkit-transform:translateY(0);transform: translateY(0);}
.tc-register{visibility: hidden; position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 199; background: rgba(0,0,0,.6);-webkit-transition: all .5s;transition: all .5s;opacity: 0;}
.tc-register form{position: absolute;top: 50%;left: 50%; width: 850px;height: 530px;margin-top: -265px;margin-left: -425px;padding: 12px 0; background: #fff; box-sizing: border-box; text-align: center;-webkit-transition: all 1s .2s;transition: all 1s .2s;-webkit-transform: translateY(-40px);transform: translateY(-40px);}
.tc-register form h3{ font-size: 24px; color: #666; line-height: 96px;}
.tc-register form .reg-Close{position: absolute;top: 15px;right: 15px;width: 30px;height: 30px; border-radius: 50%; border: 5px solid #efefef; text-align: center; line-height: 30px;}
.tc-register form .reg-Close a{display: block;width: 30px;height: 30px; font-size: 20px; color: #333;}
.tc-register form .reg-Close:hover{ border-color: #ccc;}
.tc-register form .register-mian{width: 640px; margin: 0 auto;}
.tc-register form .register-mian label{ display: block;width: 100%;}
.tc-register form .register-mian label input[type='text']{width: 46%;height: 42px; padding: 0 15px;margin-bottom: 15px; border: 1px solid #e8e8e8; box-sizing: border-box; font-size: 16px; color: #666; line-height: 42px;}
.tc-register form .register-mian span{ display: block;width: 100%;}
.tc-register form .register-mian span input[type='text']{width: 48%;height: 42px; padding: 0 15px; border: 1px solid #e8e8e8; box-sizing: border-box; font-size: 16px; color: #666; line-height: 42px;vertical-align: middle;}
.tc-register form .register-mian span font{display: inline-block;vertical-align: middle;}
.tc-register form .register-mian input[type='button']{width: 100%;height: 50px;margin: 15px 0 25px; border: none; border-radius: 8px; background: #da251d; font-size: 16px; color: #fff;}
.tc-register.on{visibility: visible;opacity: 1;}
.tc-register.on form{-webkit-transform:translateY(0);transform: translateY(0);}

.tc_email{visibility: hidden; position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 9999; background: rgba(0,0,0,.6);-webkit-transition: all .5s;transition: all .5s;opacity: 0;}
.tc_email form{position: absolute;top: 50%;left: 50%; width: 850px;height: 530px;margin-top: -265px;margin-left: -425px;padding: 40px 0; background: #fff; box-sizing: border-box; text-align: center;-webkit-transition: all 1s .2s;transition: all 1s .2s;-webkit-transform: translateY(-40px);transform: translateY(-40px);}
.tc_email form h3{ font-size: 24px; color: #666; line-height: 96px;}
.tc_email form .email-Close{position: absolute;top: 15px;right: 15px;width: 30px;height: 30px; border-radius: 50%; border: 5px solid #efefef; text-align: center; line-height: 30px;}
.tc_email form .email-Close a{display: block;width: 30px;height: 30px; font-size: 20px; color: #333;}
.tc_email form .email-Close:hover{ border-color: #ccc;}
.tc_email form .email-mian{width: 330px; margin: 0 auto;}
.tc_email form .email-mian input[type='text']{width: 100%;height: 48px; padding: 0 15px;margin-bottom: 15px; border: 1px solid #e8e8e8; box-sizing: border-box; font-size: 16px; color: #666; line-height: 48px;}
.tc_email form .email-mian input[type='text']{width: 100%;height: 48px; padding: 0 15px;margin-bottom: 15px; border: 1px solid #e8e8e8; box-sizing: border-box; font-size: 16px; color: #666; line-height: 48px;}
.tc_email form .email-mian input[type='button']{width: 100%;height: 50px;margin: 15px 0 25px; border: none; border-radius: 8px; background: #da251d; font-size: 16px; color: #fff;}
.tc_email form .email-mian h6{ text-align: left;}
.tc_email form .email-mian h6 a{padding: 0 10px; font-size: 14px; color: #666; line-height: 1;}
.tc_email form .email-mian h6 a:first-child{border-right: 1px solid #ccc;}
.tc_email form .email-mian h6 a:hover{ color: #da251d;}
.tc_email.on{visibility: visible;opacity: 1;}
.tc_email.on form{-webkit-transform:translateY(0);transform: translateY(0);}

/*sub-弹窗*/
.tc-service{visibility: hidden; position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 199; background: rgba(0,0,0,.6);-webkit-transition: all .5s;transition: all .5s;opacity:0;}
.tc-service .ser-mian .ser-Close{position: absolute;top: 15px;right: 15px;width: 30px;height: 30px; border-radius: 50%; border: 5px solid #efefef; text-align: center; line-height: 30px;}
.tc-service .ser-mian .ser-Close a{display: block;width: 30px;height: 30px; font-size: 20px; color: #333;}
.tc-service .ser-mian .ser-Close:hover{ border-color: #ccc;}
.tc-service .ser-mian{position: absolute;top: 50%;left: 50%; width: 866px;height: 216px;margin-top: -113px;margin-left: -433px; background: #fff; box-sizing: border-box; text-align: center;-webkit-transition: all 1s .2s;transition: all 1s .2s;-webkit-transform: translateY(-40px);transform: translateY(-40px);}
.tc-service .ser-mian p{width: 100%;padding: 72px 110px 0 110px; box-sizing: border-box;}
.tc-service .ser-mian p span.fl{width: 60px;}
.tc-service .ser-mian p span.fl i{ font-size:60px; color: #da251d;}
.tc-service .ser-mian p span.fr{width: calc(100% - 80px); text-align: left;}
.tc-service .ser-mian p span.fr font{ display: block; font-size: 18px;  color: #da251d; line-height: 40px;}
.tc-service .ser-mian p span.fr em{display: block; font-size: 14px; color: #888; line-height: 20px;}
.tc-service.on{visibility: visible;opacity: 1;}
.tc-service.on .ser-mian{-webkit-transform:translateY(0);transform: translateY(0);}
.tc-true{visibility: hidden; position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 199; background: rgba(0,0,0,.6);-webkit-transition: all .5s;transition: all .5s;opacity:0;}
.tc-true .true-mian .true-Close{position: absolute;top: 15px;right: 15px;width: 30px;height: 30px; border-radius: 50%; border: 5px solid #efefef; text-align: center; line-height: 30px;}
.tc-true .true-mian .true-Close a{display: block;width: 30px;height: 30px; font-size: 20px; color: #333;}
.tc-true .true-mian .true-Close:hover{ border-color: #ccc;}
.tc-true .true-mian{position: absolute;top: 50%;left: 50%; width: 866px;height: 216px;margin-top: -113px;margin-left: -433px; background: #fff; box-sizing: border-box; text-align: center;-webkit-transition: all 1s .2s;transition: all 1s .2s;-webkit-transform: translateY(-40px);transform: translateY(-40px);}
.tc-true .true-mian p{width: 100%;padding: 72px 90px 0 90px; box-sizing: border-box;}
.tc-true .true-mian p span.fl{width: 60px;height: 60px;border-radius:50%; background: #da251d; text-align: center; line-height: 60px;}
.tc-true .true-mian p span.fl i{ font-size:50px;font-weight: bold; color: #fff;}
.tc-true .true-mian p span.fr{width: calc(100% - 80px); text-align: left;}
.tc-true .true-mian p span.fr font{ display: block; font-size: 18px;  color: #da251d; line-height: 20px;}
.tc-true .true-mian p span.fr em{display: block; font-size: 14px; color: #888; line-height: 20px;}
.tc-true.on{visibility: visible;opacity: 1;}
.tc-true.on .true-mian{-webkit-transform:translateY(0);transform: translateY(0);}
.tc-join{visibility: hidden; position: fixed;top: 50px;right: 0;bottom: 0;left: 0;z-index: 199; background: rgba(0,0,0,.6);-webkit-transition: all .5s;transition: all .5s;opacity:0;}
.tc-join .ser-mian .ser-Close{position: absolute;top: 15px;right: 15px;width: 30px;height: 30px; border-radius: 50%; border: 5px solid #efefef; text-align: center; line-height: 30px;}
.tc-join .ser-mian .ser-Close a{display: block;width: 30px;height: 30px; font-size: 20px; color: #333;}
.tc-join .ser-mian .ser-Close:hover{ border-color: #ccc;}
.tc-join .ser-mian{position: absolute;top: 50%;left: 50%; width: 866px;max-height: 518px; margin-left: -433px; background: #fff; box-sizing: border-box;-webkit-transition: all 1s .2s;transition: all 1s .2s;-webkit-transform:translateY(-60%);transform: translateY(-60%);}
.tc-join .ser-mian .join_box{ padding: 30px 40px;}
.tc-join .ser-mian .join_box h3{ font-size: 24px; color: #e62129; text-align: center; line-height: 50px;}
.tc-join .ser-mian .join_box h4{ font-size: 16px; color: #e62129; line-height: 40px;}
.tc-join .ser-mian .join_box p{ font-size: 14px; color: #666; line-height: 26px;}
.tc-join.on{visibility: visible;opacity: 1;}
.tc-join.on .ser-mian{-webkit-transform:translateY(-50%);transform: translateY(-50%);}
.join_height{ height: 408px;overflow: auto;}

/*sub-nav*/
.sub-nav{width: 100%; box-shadow: 0 5px 10px 0 rgba(0,0,0,.1); background: #fff;}
.sub-nav .sw-s-n{height: 66px; overflow: hidden;}
.sub-nav .swiper-slide{ float: left;width: 100px;text-align: center;}
.sub-nav .swiper-slide a{font-size: 16px; color: #666; line-height: 64px; }
.sub-nav .swiper-slide.active-nav a,.sub-nav .swiper-slide:hover a{ display: block; border-bottom: 2px solid #da251d; color: #da251d}
.sub-nav.bb .swiper-slide{width: auto; margin: 0 15px;}


.sub-nav .swiper-slide a i{ display: inline-block;width: 20px;height: 20px;margin-right: 8px; background: no-repeat center;vertical-align: -3px;}
.sub-nav .swiper-slide:nth-child(1) a i{background-image: url(../images/bb_1.png);}
.sub-nav .swiper-slide:nth-child(2) a i{background-image: url(../images/bb_2.png);}
.sub-nav .swiper-slide:nth-child(3) a i{background-image: url(../images/bb_3.png);}
.sub-nav .swiper-slide:nth-child(4) a i{background-image: url(../images/bb_4.png);}
.sub-nav .swiper-slide:nth-child(5) a i{background-image: url(../images/bb_5.png);}
.sub-nav .swiper-slide:nth-child(6) a i{background-image: url(../images/bb_6.png);}
.sub-nav .swiper-slide:nth-child(7) a i{background-image: url(../images/bb_7.png);}
.sub-nav .swiper-slide:nth-child(8) a i{background-image: url(../images/bb_8.png);}
.sub-nav .swiper-slide a i{ display: inline-block;width: 20px;height: 20px;margin-right: 8px; background: no-repeat center;vertical-align: -3px;}
/*.sub-nav .swiper-slide.active-nav:nth-child(1) a i,.sub-nav .swiper-slide:nth-child(1):hover a i{background-image: url(../images/bb_r_1.png);}
.sub-nav .swiper-slide.active-nav:nth-child(2) a i,.sub-nav .swiper-slide:nth-child(2):hover a i{background-image: url(../images/bb_r_2.png);}
.sub-nav .swiper-slide.active-nav:nth-child(3) a i,.sub-nav .swiper-slide:nth-child(3):hover a i{background-image: url(../images/bb_r_3.png);}
.sub-nav .swiper-slide.active-nav:nth-child(4) a i,.sub-nav .swiper-slide:nth-child(4):hover a i{background-image: url(../images/bb_r_4.png);}
.sub-nav .swiper-slide.active-nav:nth-child(5) a i,.sub-nav .swiper-slide:nth-child(5):hover a i{background-image: url(../images/bb_r_5.png);}
.sub-nav .swiper-slide.active-nav:nth-child(6) a i,.sub-nav .swiper-slide:nth-child(6):hover a i{background-image: url(../images/bb_r_6.png);}
.sub-nav .swiper-slide.active-nav:nth-child(7) a i,.sub-nav .swiper-slide:nth-child(7):hover a i{background-image: url(../images/bb_r_7.png);}
.sub-nav .swiper-slide.active-nav:nth-child(8) a i,.sub-nav .swiper-slide:nth-child(8):hover a i{background-image: url(../images/bb_r_8.png);}*/
/*sub-tit*/
.sub-tit{width: 100%; border-bottom: 1px solid #eee; line-height: 36px;}
.sub-tit>a{ float: left;font-size: 14px; color: #666;}
/*.sub-tit a:hover{ color: #DA251C;}*/
.sub-tit>i{ float: left;margin:0 5px; font-size: 12px;font-weight: bold; color: #333;-webkit-transform: scale(.6);transform: scale(.6);}

/*sub-box*/
.sub-box{ padding: 20px 0 30px;}
.box-left{width: 233px;}
.box-right{width: calc(100% - 238px);}
.box-right .sub-tit  span{float: right;margin-bottom: 0.5rem;}
.box-right .sub-tit  span  a{ display: inline-block; width: 142px;height: 35px; border-radius: 5px; background: #da251d; font-size: 14px; color: #fff; text-align: center; line-height: 35px;margin-left: 0.5rem;}
.sub-bg{ display: none;}
.box-one{ width: 100%;}
.buttom-more{margin-top: 20px; padding: 20px 0 0; border-top: 1px solid #eee; text-align: right;}
.buttom-more a{ display: inline-block; font-size: 16px; color: #666;}
.buttom-more a i{margin-left: 10px; font-size: 12px;font-weight: bold;}
.buttom-more a:hover{ color: #DA251C;}

/*sub-box-left*//*筛选*/
.screen-1{ padding-bottom: 20px; border-bottom: 1px solid #666;}
.screen-1>h5{ border-bottom: 1px solid #666; font-size: 14px; color: #333; line-height: 35px;}
.screen-1>form{ padding: 20px 0;}
.screen-1>form span{display: block; width: 96%;height: 30px;margin: 0 auto; border: 1px solid #ccc;}
.screen-1>form span input[type='text']{ float: left; width: 82%; height: 30px;padding: 0 10px; border: none; box-sizing: border-box; font-size: 14px; color: #666;}
.screen-1>form span input[type='button']{float: left;width: 18%; height: 30px; border: none; background: transparent; font-size: 16px; font-weight: bold; color: #666;}
.screen-1 ul{padding-bottom: 20px;}
.screen-1 ul li{ line-height: 32px;}
.screen-1 ul li a{ display: block; font-size: 14px; color: #666;}
.screen-1 ul li a:hover{ color: #DA251C;}
.screen-1 .around a{ float: left; width: 22px;height: 22px;margin-right: 10px; border: 1px solid #666; border-radius: 5px; font-size: 12px;font-weight: bold; color: #333; text-align: center; line-height: 22px;}
.screen-1 .around a:hover{ background: #e4e4e4;}
.screen-2 h5{ border-bottom: 1px solid #666; line-height: 35px;}
.screen-2 h5 span.fl{ font-size: 14px; color: #333;}
.screen-2 h5 a.fr{ font-size: 14px; color: #00345d;}
.screen-2 ul li{ border-bottom: 1px solid #666;}
.screen-2 ul li .scr_1{position: relative; padding: 12px 0; border-bottom: 1px solid #eee; line-height: 35px;cursor: pointer;}
.screen-2 ul li .scr_1:before{position: absolute;top: 50%;right: 10px;width: 10px;height: 2px;content: '';margin-top: -1px; background: #666;}
.screen-2 ul li .scr_1 i{ float: left;width: 35px;height: 35px;margin-right: 15px; border-radius: 50%; background: #7e7e7e no-repeat center;}
.screen-2 ul li .scr_1 span{ float: left;}
.screen-2 ul li .scr_2{ display:none; padding: 20px 0 50px 10px;}
.screen-2 ul li .scr_2 a{ display: block; font-size: 14px; color: #666; line-height: 40px;}
.screen-2 ul li .scr_2 a:hover{ color: #da251d;}


/*分页*/
.paging{padding: 30px 0; text-align: center;}
.paging ul{ display: inline-block;}
.paging ul li{ float: left;width: 18px;height: 18px;margin: 0 5px; text-align: center; line-height: 18px;}
.paging ul li a{ display: block;font-size: 14px; color: #666;}
.paging ul li:hover,.paging ul li.on{ background: #da251d;}
.paging ul li:hover a,.paging ul li.on a{ color: #fff;}

/*技术支持-下载中心*/
.download{ padding: 50px 0;}
.download ul li{padding: 20px 18px; margin-bottom: 10px; border-top: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf; box-sizing: border-box;}
.download ul li a{ display: block; font-size: 14px; color: #666; line-height: 28px;}
.download ul li a span.fl i{ float: left; margin-right: 10px; font-size: 16px;}
.download ul li a span.fl font{ float: left;}
.download ul li a span.fl font:nth-child(2){width: 300px;}
.download ul li a span.fl font:nth-child(3){text-align: center;}
.download ul li a span.fr font{margin-right: 30px;}
.download ul li a span.fr i{ display: inline-block;width: 28px;height: 28px; border-radius: 50%; background: #da251d; font-size: 14px; color: #fff; text-align: center; line-height: 28px;}
.download ul li:hover{ border-color: #da251d; background: #da251d;}
.download ul li:hover a{ color: #fff;}
.download ul li:hover a span.fr i{ background: #fff; color: #da251d;}

/*技术支持-网上保修*/
.Guarantee form{width: 928px; padding: 40px 0;}
.Guarantee form div.gu_form>span{ float: left;width: 100px;margin-bottom: 20px; font-size: 14px; color: #666; text-align: right; line-height: 42px;}
.Guarantee form div.gu_form{width: 45%;}
.Guarantee form div.gu_form select{ display: none;}
.Guarantee form .Guar_input input{float: left;width:calc(100% - 100px); height: 42px; padding: 0 10px; border: 1px solid #e8e8e8; box-sizing: border-box; font-size: 14px; color: #666; line-height: 20px;}
.Guarantee form .Guar_textarea{margin-bottom: 20px;}
.Guarantee form .Guar_textarea span{float: left;width: 100px; font-size: 14px; color: #666; text-align: right; line-height: 42px;}
.Guarantee form .Guar_textarea textarea{width:calc(100% - 100px); height: 212px; padding: 10px; border: 1px solid #e8e8e8; box-sizing: border-box; font-size: 14px; color: #666; line-height: 20px;}
.Guarantee form .Guar_Code{width: 100%;}
.Guarantee form .Guar_Code span{float: left;width: 100px;margin-bottom: 20px; font-size: 14px; color: #666; text-align: right; line-height: 42px;}
.Guarantee form .Guar_Code input{float: left;width:124px; height: 42px; padding: 0 10px; border: 1px solid #e8e8e8; box-sizing: border-box; font-size: 14px; color: #666; line-height: 20px;}
.Guarantee form .Guar_Code em{ float: left;width: 130px;height: 42px;}
.Guarantee form .Guar_button{padding-left: 100px;}
.Guarantee form .Guar_button input{width: 115px;height: 35px; border: none; border-radius: 5px; background: #da251d; font-size: 16px; color: #fff;cursor: pointer;}
.cssSelect {position: relative; float: left;width: calc(100% - 100px); white-space: nowrap;}
.cssSelect *{display: block; cursor: pointer;}
.cssSelect a{ color: #666;}
.cssSelect .selectBox{ float: left;width: 100%; border:1px solid #e8e8e8; box-sizing: border-box;}/*select表框*/
.cssSelect .selectLt{ float: left;width: calc(100% - 40px); height: 40px;overflow: hidden;padding: 0 10px;box-sizing: border-box; font-size: 16px; color: #666; text-align: left; line-height: 40px;}
.cssSelect .selectRt{float: left;width: 40px;height: 40px; border-left: 1px solid #e8e8e8; box-sizing: border-box; text-align: center; line-height: 40px;}
.cssSelect .selectRt:before{ display: inline-block; content: "\e649";font-family:"iconfont" !important;font-size:14px; color:#ccc; vertical-align: top;}
.cssSelect .optionsBox{ position: absolute;z-index: 100;width: 100%; border: 1px solid #dbdbdb; padding: 0; margin: 0px; background: #fff;box-sizing: border-box;}/*select下拉*/
.cssSelect .optionBox {height:30px; padding: 0 30px 0 18px; margin: 0px;  line-height: 30px; }
.cssSelect .optionBox span {font-size:12px;}
.cssSelect .oHover{background: #da251c; color: #fff;}
.cssSelect .selected{background: #e4e4e4; color: #333;}

/*视频*/
.sub_video{position: relative;z-index: 9; padding: 40px 0 0;}
.sub_video ul li{ position: relative;z-index: 1; /* float: left; */ width: 280px;margin-left: 26px;margin-bottom: 20px; display: inline-block; vertical-align: bottom;}
.sub_video ul li:nth-child(4n+1){margin-left: 0;}
.sub_video ul li .vid_img img{width: 100%;}
.sub_video ul li .vid_text{ position: absolute;top: 0;left: 0; width: 100%;height: 100%; /*background: rgba(0,0,0,.5);*/}
.sub_video ul li .vid_text .vid_1{ position: absolute;top: 16px;right: 10px;z-index: 3;}
.sub_video ul li .vid_text .vid_1 a{ display: inline-block; width: 30px;height: 30px; margin: 0 2px;border: 1px solid #fff; border-radius: 50%; box-sizing: border-box; font-size: 14px; color: #fff; text-align: center; line-height: 30px;}
.sub_video ul li .vid_text .vid_1 a:hover{ border: none; background: #da251d;}
.sub_video ul li .vid_text .vid_2{position: absolute;bottom: 0;left: 0;z-index: 1;width: 100%;padding: 10px 16px; background: rgba(0,0,0,.6); box-sizing: border-box;color: #fff;}
.sub_video ul li .vid_text .vid_2 a{ display: block;}
.sub_video ul li .vid_text .vid_2 h5{ font-size: 14px; line-height: 24px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.sub_video ul li .vid_text .vid_2 h6{ font-size: 12px; line-height: 20px;}
.sub_video ul li .vid_text .vid_2 h6 i{ font-size: 12px;vertical-align: top;}
.sub_video ul li .vid_text>a{position: absolute;z-index: 2;top: 0;left: 0;width: 100%;height: 100%;text-align: center;}
.sub_video ul li .vid_text>a i{position: absolute;top: 50%;left: 50%;width: 38px;height: 38px;margin-left: -19px;margin-top: -42px;font-size:38px;color: #fff; }
.sub_video ul li:hover .vid_text .vid_2{ color: #da251d;}


.lq_box{ position: absolute;top: 16px;right: 15px;z-index: 20;}
.em_but{ float: right;display: inline-block; width: 30px;height: 30px; margin: 0 2px; /* border: 1px solid #fff; */ border-radius: 50%; box-sizing: border-box; font-size: 14px; color: #fff; text-align: center; line-height: 30px; background: #da251d;}
.lq_xz{float: right;display: inline-block;width: 30px;height: 30px;margin: 0 2px;/* border: 1px solid #fff; */border-radius: 50%;box-sizing: border-box;font-size: 14px;color: #fff;text-align: center;line-height: 30px;background: #da251d;}

.em_but:hover,.lq_xz:hover{ border: none; background: #da251d;}
.tc_vid{visibility: hidden; float: right; z-index: 3;-webkit-transition: all .5s;transition: all .5s;opacity: 0;}
.tc_vid a{display: inline-block;width: 30px;height: 30px;margin: 0 2px;/* border: 1px solid #fff; */border-radius: 50%;box-sizing: border-box;font-size: 14px;color: #fff;text-align: center;line-height: 30px;background: #da251d;}
.tc_vid a:hover{border: none;background: #da251d;}
.tc_vid.on{visibility: visible;opacity: 1;}

/*案例新闻*/
.sub_video.case ul li{width: 32%;margin-left: 2%;}
.sub_video.case ul li:nth-child(3n+1){margin-left: 0;}

/*案例新闻 - 详情页*/
.case-nd_1{padding: 20px 0;}
.case-nd_1 h3{padding: 10px 0; font-size: 30px; color: #666666; text-align: center; line-height: 46px;}
.case-nd_1 h6{ text-align: center;}
.case-nd_1 h6 span{ display: inline-block; margin: 0 20px;font-size: 14px; color: #666666;}
.case-nd_2 .gallery-top {width: 100%; overflow: hidden;}
.case-nd_2 .gallery-top img{ width: 100% !important; max-width: auto !important;}
.case-nd_2 .gallery-top .slick-arrow{position: absolute;top: 50%;z-index: 9;width: 36px;height: 36px; margin-top: -18px;border-radius: 50%; border: 3px solid #efefef; background: #f9f9f9; font-size: 0; text-align: center;cursor: pointer;}
.case-nd_2 .gallery-top .slick-arrow:hover{ border-color: #999;}
.case-nd_2 .gallery-top .slick-arrow.slick-prev{left: 10px;}
.case-nd_2 .gallery-top .slick-arrow.slick-next{right:10px;}
.case-nd_2 .gallery-top .slick-arrow.slick-prev:before{position: absolute;top: 50%;left: 50%;width: 16px;height: 16px;content: '\e610';margin-left: -8px;margin-top: -8px; font-family:"iconfont" !important; font-size: 16px;font-weight: bold; color: #666;}
.case-nd_2 .gallery-top .slick-arrow.slick-next:before{position: absolute;top: 50%;left: 50%;width: 16px;height: 16px;content: '\e614';margin-left: -8px;margin-top: -8px; font-family:"iconfont" !important; font-size: 16px;font-weight: bold; color: #666;}
.case-nd_2 .gallery-top .swiper-slide>span{position: absolute;bottom: 0;left: 0;width: 100%;height: 66px; background: rgba(0,0,0,.5);  font-size: 16px; color: #fff;text-align: center; line-height: 66px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.case-nd_2 .gallery-thumbs { padding: 15px; background: #24262e; box-sizing: border-box;}
.case-nd_2 .gallery-thumbs .swiper-slide{ float: left; position: relative; height: 90px;margin: 0 5px; border: 3px solid #030303; box-sizing: border-box; background: no-repeat center; background-size: cover;}
.case-nd_2 .gallery-thumbs .slick-current{ border-color: #24262e;}
.case-nd_2 .gallery-thumbs .slick-current:before{position: absolute;top:0;left: 0;width: 100%;height: 100%;content: "\e66e"; background: rgba(0,0,0,.5);font-family:"iconfont" !important; font-size: 20px; color: #fff; text-align: center; line-height: 80px;}
.case-nd_3{padding: 20px 0;}
.case-nd_3 p{padding: 0 20px; font-size: 14px; color: #666; line-height: 24px;}

/*产品详情-下载页面*/
.sub_data{ padding: 40px 0 0;}
.sub_data ul li{margin-bottom: 20px;}
.sub_data ul li .data_1{width: 100%;overflow: hidden; padding: 26px 25px; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; box-sizing: border-box; line-height: 20px;cursor: pointer;}
.sub_data ul li .data_1 span{ font-size: 16px; color: #666;}
.sub_data ul li .data_1 span i{margin-right: 10px; font-size: 16px;vertical-align: middle;}
.sub_data ul li .data_1 span.fr i{ display: block;width: 20px;height: 20px; font-weight: bold;-webkit-transition: all .5s;transition: all .5s;}
.sub_data ul li .data_2{ display: none; width: 100%;padding: 21px 25px;box-sizing: border-box; line-height: 28px;}
.sub_data ul li .data_2 span{ font-size: 14px; color: #666;}
.sub_data ul li .data_2 span.fl font{ float: left; margin-right: 30px;}
.sub_data ul li .data_2 span.fr font{ float: left; margin-right: 20px;}
.sub_data ul li .data_2 span.fr a{ float: left;width: 28px;height: 28px; border-radius: 50%; background: #da251d; font-size: 16px; color: #fff; text-align: center;}
.sub_data ul li.on .data_1{ background: #da251d; border: none !important;}
.sub_data ul li.on .data_1 span{ color: #fff;}
.sub_data ul li.on .data_1 span.fr i{-webkit-transform: rotate(90deg);transform: rotate(90deg);}

/*技术支持-常见问题解决方法*/
.sub_common .comm_1{width: 100%;height: 380px;margin-top: 40px; background: url(../images/text-9.jpg) no-repeat center; background-size: cover;text-align: right;}
.sub_common .comm_1 span{ display:inline-block;width: 45%; padding: 70px 50px 0 50px; box-sizing: border-box; text-align: left; color: #fff;}
.sub_common .comm_1 span h4{position: relative; font-size: 24px; line-height: 70px;}
.sub_common .comm_1 span h4:before{position: absolute;bottom: 0;left: 0;width: 22px;height: 1px;content: ''; background: #fff;}
.sub_common .comm_1 span p{margin-top: 20px; font-size: 14px; line-height: 28px;}
.sub_common .comm_2{padding: 30px 0;}
.sub_common .comm_2 ul li .s_comm_1{ padding: 30px 12px 30px 30px; border-bottom: 1px solid #f2f2f2; cursor: pointer;}
.sub_common .comm_2 ul li .s_comm_1 i{float: left;width: 22px;height: 22px; background: url(../images/icon_2.png) no-repeat center; font-size: 12px; color: #fff; text-align: center; line-height: 22px;}
.sub_common .comm_2 ul li .s_comm_1 span{ float: left;margin-left: 20px;font-size: 15px; color: #333; line-height: 22px;}
.sub_common .comm_2 ul li .s_comm_1 em{ float: right;width: 22px;height: 22px; font-size: 20px;font-weight: bold; color: #666; text-align: center; line-height: 22px;-webkit-transition: all .5s;transition: all .5s;}
.sub_common .comm_2 ul li .s_comm_2{ display: none; padding: 30px 70px; background: #f7f7f7;}
.sub_common .comm_2 ul li .s_comm_2 p{font-size: 14px; color: #666; line-height: 30px;}
.sub_common .comm_2 ul li .s_comm_2 .cishu{ padding-top: 20px; font-size: 14px; color: #c2c2c2;}
.sub_common .comm_2 ul li.on .s_comm_1 em{-webkit-transform: rotate(90deg);transform: rotate(90deg);}

/*技术支持-售后服务热线*/
.sub_Hotline .Hot_1{width: 100%;height: 380px;margin-top: 40px; background: url(../images/text-10.jpg) no-repeat center; background-size: cover;text-align: right;}
.sub_Hotline .Hot_1 span{ display:inline-block;width: 45%; padding: 70px 50px 0 50px; box-sizing: border-box; text-align: left; color: #fff;}
.sub_Hotline .Hot_1 span h4{position: relative;margin-bottom: 20px; font-size: 24px; line-height: 70px;}
.sub_Hotline .Hot_1 span h4:before{position: absolute;bottom: 0;left: 0;width: 22px;height: 1px;content: ''; background: #fff;}
.sub_Hotline .Hot_1 span p{font-size: 14px; line-height: 28px;}
.sub_Hotline .Hot_2{padding: 30px 0;}
.sub_Hotline .Hot_2 ul li{ float: left;width: 32%; padding: 30px 0 15px 40px;margin-left: 2%;margin-bottom: 20px; border: 1px solid #eee; background: #f9fafc; box-sizing: border-box;}
.sub_Hotline .Hot_2 ul li:nth-child(3n+1){margin-left: 0;}
.sub_Hotline .Hot_2 ul li h4{ font-size: 18px; color: #3e3e3e; line-height: 32px;}
.sub_Hotline .Hot_2 ul li h5{ font-size: 12px; color: #b3b3b3; line-height: 25px;}
.sub_Hotline .Hot_2 ul li h6{ font-size: 34px; color: #3e3e3e; line-height: 50px;}
.sub_Hotline .Hot_2 ul li p{height: 48px;overflow: hidden; font-size: 14px; color: #7e7e7e; line-height: 24px;}

/*联系我们-中国总部*/
.con_map{ position: relative; margin: 40px 0;}
.con_map .con_map_1{ height: 700px;overflow: hidden;}
.con_map .con_map_1 img{width: 100%;}
.con_map .con_map_2{position: absolute;top: 0;right: 0;width: 520px;height: 100%; padding: 50px 50px 0 50px; background: rgba(0,0,0,.7); box-sizing: border-box; color: #fff;}
.con_map .con_map_2 h3{position: relative; margin-bottom: 20px; font-size: 24px; line-height: 68px;}
.con_map .con_map_2 h3:before{position: absolute;bottom: 0;left: 0;width: 22px;height: 1px;content: ''; background: #fff;}
.con_map .con_map_2 h4{margin-bottom: 20px;}
.con_map .con_map_2 h4 span.fl{ width: 46px;height: 46px; border-radius:50%; background: #fff; text-align: center; line-height: 46px;}
.con_map .con_map_2 h4 span.fl i{ display: inline-block;width: 24px;height: 24px; font-size: 20px; color: #666;vertical-align: middle; line-height: 1;}
.con_map .con_map_2 h4 span.fr{width: calc(100% - 60px);}
.con_map .con_map_2 h4 span.fr font{ display: block; font-size: 14px;}
.con_map .con_map_2 h5{margin-bottom: 15px; font-size: 14px;}
.con_map .con_map_2 p{margin-bottom: 15px; font-size: 14px;}

/*联系我们-国际销售网络*/
.con_Internat .inter_1 h3{ position: relative; font-size: 24px; color: #000; line-height: 70px; text-align: center;}
.con_Internat .inter_1 h3:before{position: absolute;bottom: 0;left: 50%;width: 22px;height: 1px;content: '';margin-left: -11px; background: #000;}
.con_Internat .inter_1 p{ padding: 20px 0;  font-size: 16px; color: #666; text-align: center; line-height: 30px;}
.con_Internat .inter_2 ul li{ float: left;width: 19%; margin: 0 .5%;padding: 20px 0 20px 27px; border: 1px solid #eee; box-sizing: border-box;cursor: pointer;}
.con_Internat .inter_2 ul li h4{position: relative; font-size: 16px; color: #333; line-height: 40px;}
.con_Internat .inter_2 ul li h4:before{position: absolute;bottom: 0;left: 0;width: 22px;height: 1px;content: ''; background: #999;}
.con_Internat .inter_2 ul li p{ padding: 12px 0; font-size: 14px; color: #666; line-height: 20px;}
.con_Internat .inter_2 ul li.on{ background: #da251d;}
.con_Internat .inter_2 ul li.on h4,.con_Internat .inter_2 ul li.on p{ color: #fff;}
.con_Internat .inter_2 ul li.on h4:before{ background: #fff;}
.con_Internat .inter_3{position: relative; width: 100%;height: 700px; background: url(../images/text-12.jpg) no-repeat center;}
.con_Internat .inter_3 i{ position: absolute; font-size: 28px; color: #fff;cursor: default;}
.con_Internat .inter_3 i.on{ color: #da251d;-webkit-animation: bounce .8s ease-in infinite;animation: bounce .8s ease-in infinite;}
.con_Internat .inter_3 i:nth-child(1){top: 298px; left: 868px;}
.con_Internat .inter_3 i:nth-child(2){top: 268px; left: 281px;}
.con_Internat .inter_3 i:nth-child(3){top: 220px; left: 192px;}
.con_Internat .inter_3 i:nth-child(4){top: 248px;left: 700px;}
.con_Internat .inter_3 i:nth-child(5){top: 428px; left: 365px;}

/*关于浩洋-公司简介*/
.about_brief{ padding: 40px 0;}
.about_brief dl dt{position: relative;}
.about_brief dl dt div.fl{ width: 100%;}
.about_brief dl dt div.fr{position: absolute;top: 0;right: 0; width: 50%;height: 100%;padding: 80px; background: rgba(0,0,0,.7); box-sizing: border-box; color: #fff;}
.about_brief dl dt div.fr h3{position: relative;margin-bottom: 40px; font-size: 24px; line-height: 70px;}
.about_brief dl dt div.fr h3:before{position: absolute;bottom: 0;left: 0;width: 22px;height: 1px;content: ''; background: #fff;}
.about_brief dl dt div.fr .ab_height{height: 72%;overflow: auto; font-size: 14px; line-height: 24px;padding-right: 2%;}
.about_brief dl dd{overflow: hidden;}
.about_brief dl dd div.a1{ width: 50%;height: 100%; padding: 50px 60px 40px 60px; box-sizing: border-box; color: #666;box-sizing: border-box;}
.about_brief dl dd div.a1 h4{position: relative;margin-bottom: 25px; font-size: 24px; line-height: 70px;}
.about_brief dl dd div.a1 h4:before{position: absolute;bottom: 0;left: 0;width: 22px;height: 1px;content: ''; background: #333;}
.about_brief dl dd div.a1 .ab_height{height: 70%;overflow: auto; font-size: 14px; line-height: 24px;padding-right: 2%;}
.about_brief dl dd div.a2{ width: 50%;}
.zUIpanelScrollBox,.zUIpanelScrollBar{ width:4px; top:4px; right:-1px;border-radius:10px;}
.zUIpanelScrollBox{ background:#f2f2f2;opacity:.4; filter:alpha(opacity=40); }
.zUIpanelScrollBar{ background:#666;opacity:.6; filter:alpha(opacity=60); }
.about_brief dl dt .zUIpanelScrollBox{ background: transparent;}
.about_brief dl dt .zUIpanelScrollBar{ background: #fff;}

/*关于浩洋-知识产权与专利*/
.about_patent{ padding: 40px 0;}
.about_patent .pat_1{position: relative;}
.about_patent .pat_1 div.fl{ width: 100%;}
.about_patent .pat_1 div.fr{position: absolute;top: 0;right: 0; width: 50%;height: 100%;padding: 80px; background: rgba(0,0,0,.7); box-sizing: border-box; color: #fff;}
.about_patent .pat_1 div.fr h3{position: relative;margin-bottom: 40px; font-size: 24px; line-height: 70px;}
.about_patent .pat_1 div.fr h3:before{position: absolute;bottom: 0;left: 0;width: 22px;height: 1px;content: ''; background: #fff;}
.about_patent .pat_1 div.fr p{ font-size: 14px; line-height: 24px;}
.about_patent .pat_2{position: relative; overflow: hidden;padding: 70px;}
.about_patent .pat_2 .pat_2_1{overflow: hidden;}
.about_patent .pat_2 .pat_2_1 .swiper-button-black{width: 28px;height: 28px; border: 3px solid #efefef; border-radius:50%; background-color: #fbfbfb; background-size: 30%;}

/*关于浩洋-资质与荣誉*/
.about_Honor{ position: relative; overflow: hidden; padding: 40px 100px; text-align: center;}
.about_Honor .about_Honor_1{overflow: hidden;}
.about_Honor .about_Honor_1 .swiper-slide a{ display: inline-block; position: relative;}
.about_Honor .about_Honor_1 .swiper-slide a>span{ position: absolute;bottom: 0;left: 0;width: 100%;height: 66px; background: rgba(0,0,0,.5);  font-size: 16px; color: #fff;text-align: center; line-height: 66px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.about_Honor .about_Honor_1 .swiper-button-black{width: 28px;height: 28px; border: 3px solid #efefef; border-radius:50%; background-color: #fbfbfb; background-size: 30%;}

/*关于浩洋- 人才招聘*/
.about-join{ padding: 40px 0 0;}
.about-join .join_1{ padding-bottom: 40px; border-bottom: 1px solid #f1f1f1;}
.about-join .join_1 ul li{position: relative; float: left; width: 47%;height: 399px;overflow: hidden;cursor: pointer;-webkit-transition: all .5s;transition: all .5s;}
.about-join .join_1 ul li:before{ position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%; content: ''; background: rgba(255,255,255,.5);-webkit-transition: all .5s;transition: all .5s;}
.about-join .join_1 ul li h4{position: relative;z-index: 3; width: 100%;/*padding: 100px calc(50% - 20px) 0 calc(50% - 20px);*/ padding-top:30%;  box-sizing: border-box; font-size: 26px; color: #333; text-align: center;}
.about-join .join_1 ul li h4:before{ position: absolute;bottom: -80px;left: 50%;width: 1px;height: 60px;content: '';background: rgba(0,0,0,.5);}
.about-join .join_1 ul li p{ display: none;}
.about-join .join_1 ul li:nth-child(1){ background: url(../images/text-30.jpg) no-repeat right center; background-size: cover;}
.about-join .join_1 ul li:nth-child(2){ background: url(../images/text-31.jpg) no-repeat center; background-size: cover;}
.about-join .join_1 ul li:nth-child(3){ background: url(../images/text-31.jpg) no-repeat right center; background-size: cover;}
.about-join .join_1 ul li:nth-child(4){ background: url(../images/text-32.jpg) no-repeat left center; background-size: cover;}
.about-join .join_1 ul li.on{width: calc(100% - 16% * 3);}
.about-join .join_1 ul li.on:before{ background: rgba(0,0,0,.5);}
.about-join .join_1 ul li.on h4{position: absolute;left: 0;bottom: 0;width: 100%;height: 86px;padding: 0 40px; background: #da251d; font-size: 24px; color: #fff; line-height: 86px;text-align: left;}
.about-join .join_1 ul li.on h4:before{ display: none;}
.about-join .join_1 ul li.on p{ display: block;position: relative;z-index: 2;padding:50px 90px 0 90px; font-size: 14px; color: #fff; line-height: 26px;}
.about-join .join_2{padding: 40px 0;}
.about-join .join_2>h3{margin-bottom: 30px;box-shadow: 0 2px 2px rgba(0,0,0,.1); line-height: 68px;}
.about-join .join_2>h3 span{ display: inline-block; border-bottom: 2px solid #da251d; font-size: 16px; color: #da251d;}
.about-join .join_2 .gallery-top {width: 100%;overflow: hidden;}
.about-join .join_2 .gallery-top img{ width: 100% !important; max-width: auto !important;}
.about-join .join_2 .gallery-top .slick-arrow{position: absolute;top: 50%;z-index: 9;width: 36px;height: 36px; margin-top: -18px;border-radius: 50%; border: 3px solid #efefef; background: #f9f9f9; font-size: 0; text-align: center;cursor: pointer;}
.about-join .join_2 .gallery-top .slick-arrow:hover{ border-color: #999;}
.about-join .join_2 .gallery-top .slick-arrow.slick-prev{left: 10px;}
.about-join .join_2 .gallery-top .slick-arrow.slick-next{right:10px;}
.about-join .join_2 .gallery-top .slick-arrow.slick-prev:before{position: absolute;top: 50%;left: 50%;width: 16px;height: 16px;content: '\e610';margin-left: -8px;margin-top: -8px; font-family:"iconfont" !important; font-size: 16px;font-weight: bold; color: #666;}
.about-join .join_2 .gallery-top .slick-arrow.slick-next:before{position: absolute;top: 50%;left: 50%;width: 16px;height: 16px;content: '\e614';margin-left: -8px;margin-top: -8px; font-family:"iconfont" !important; font-size: 16px;font-weight: bold; color: #666;}
.about-join .join_2 .gallery-top .swiper-slide>span{position: absolute;bottom: 0;left: 0;width: 100%;height: 66px; background: rgba(0,0,0,.5);  font-size: 16px; color: #fff;text-align: center; line-height: 66px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.about-join .join_2 .gallery-thumbs { padding: 15px; background: #24262e; box-sizing: border-box;}
.about-join .join_2 .gallery-thumbs .swiper-slide{ float: left; position: relative; height: 90px;margin: 0 5px; border: 3px solid #030303; box-sizing: border-box; background: no-repeat center; background-size: cover;}
.about-join .join_2 .gallery-thumbs .slick-current{ border-color: #24262e;}
.about-join .join_2 .gallery-thumbs .slick-current:before{position: absolute;top:0;left: 0;width: 100%;height: 100%;content: "\e66e"; background: rgba(0,0,0,.5);font-family:"iconfont" !important; font-size: 20px; color: #fff; text-align: center; line-height: 80px;}
.about-join .join_3{ padding: 20px 0;}
.about-join .join_3 dl dt{height: 72px; background: #da251d; line-height:72px;}
.about-join .join_3 dl dt span{ float: left;width: 20%; font-size: 16px; color: #fff; text-align: center;}
.about-join .join_3 dl dd{height: 70px;margin-bottom: 10px; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; line-height:70px;}
.about-join .join_3 dl dd span{ float: left;width: 20%; font-size: 14px; color: #666; text-align: center;}
.about-join .join_3 dl dd:hover{ background: #da251d;}
.about-join .join_3 dl dd:hover span{ color: #fff;}

/*产品中心-二级*/
.product{padding-top: 40px;}
.product .pro_1 li{/* float: left; */width: 32%;margin-right: 2%;display: inline-block;vertical-align: top;font-size: 0;}
.product .pro_1 li:nth-child(3n){margin-right: 0;}
.product .pro_1 li .pro_img{ position: relative;width: 100%;}
.product .pro_1 li .pro_img>a img{width: 100%;}
.product .pro_1 li .pro_img>i{ position: absolute;top: 0;right: 0;width: 42px;height: 42px; background: url(../images/icon_9.png) no-repeat center;}
.product .pro_1 li .pro_img>.fxg{ display: none; position: absolute;top: 12px;/*left: 5%;*/right: 5%;}
.product .pro_1 li .pro_img>.fxg a{ float: left; display: inline-block;width: 30px;height: 30px;overflow: hidden;margin-right: 5px; border-radius: 50%; border: 1px solid #00345d; font-size: 16px; color: #00345d; text-align: center; line-height: 30px;}
.product .pro_1 li .pro_img .fx_cc{ float: left;width: 0; overflow: hidden;-webkit-transition: all .5s;transition: all .5s;}
.product .pro_1 li .pro_img .fx_cc.on{width: auto;}
.product .pro_1 li>p{ font-size: 18px; color: #232323; text-align: center; line-height: 60px;}
.product .pro_1 li:hover .pro_img{ background: #f9fafc;}
.product .pro_1 li:hover>p{ color: #da251d;}
.product .pro_1 li:hover .pro_img>.fxg{ display: block;}

/*产品中心-一级*/
.product .pro_2 li{ width: 48%;margin: 0 1%; display: inline-block; vertical-align: top; }
.product .pro_2 li .pro_img{ position: relative;width: 100%;}
.product .pro_2 li .pro_img>a img{width: 100%;}
.product .pro_2 li .pro_img>i{ position: absolute;top: 0;right: 0;width: 42px;height: 42px; background: url(../images/icon_9.png) no-repeat center;}
.product .pro_2 li .pro_img>.fxg{ display: none; position: absolute;top: 12px;right: 40px;}
.product .pro_2 li .pro_img>.fxg a{ display: inline-block;width: 30px;height: 30px;overflow: hidden; border-radius: 50%; border: 1px solid #00345d; font-size: 16px; color: #00345d; text-align: center; line-height: 30px;}
.product .pro_2 li>p{ font-size: 18px; color: #232323; text-align: center; /* line-height: 60px; */ padding: 18px 0;}
.product .pro_2 li:hover .pro_img{ background: #f9fafc;}
.product .pro_2 li:hover>p{ color: #da251d;}
.product .pro_2 li:hover .pro_img>.fxg{ display: block;}

@media (max-width: 500px){
  .product .pro_2 li>p{ font-size: 14px; }
}

/*产品中心-详情页*/
.pro_Details{}
.pro_D_1{padding: 30px 0 50px; border-bottom: 1px solid #eee;}
.pro_D_1 div.fl{width: 528px;overflow: hidden;}
.pro_D_1 div.fl img{display: inline-block;}
.pro_D_1 div.fl .slider-box>div{width: 100%; text-align: center;}
.pro_D_1 div.fl .slider-nav{width: 100%; padding: 0 60px; box-sizing: border-box; text-align: center;}
.pro_D_1 div.fl .slider-nav .slick-arrow{position: absolute;top: 50%;width: 36px;height: 36px; margin-top: -18px;border-radius: 50%; border: 3px solid #efefef; background: #f9f9f9; font-size: 0; text-align: center;cursor: pointer;}
.pro_D_1 div.fl .slider-nav .slick-arrow:hover{ border-color: #999;}
.pro_D_1 div.fl .slider-nav .slick-arrow.slick-prev{left: 0;;}
.pro_D_1 div.fl .slider-nav .slick-arrow.slick-next{right: 0;}
.pro_D_1 div.fl .slider-nav .slick-arrow.slick-prev:before{position: absolute;top: 50%;left: 50%;width: 16px;height: 16px;content: '\e610';margin-left: -8px;margin-top: -8px; font-family:"iconfont" !important; font-size: 16px;font-weight: bold; color: #666;}
.pro_D_1 div.fl .slider-nav .slick-arrow.slick-next:before{position: absolute;top: 50%;left: 50%;width: 16px;height: 16px;content: '\e614';margin-left: -8px;margin-top: -8px; font-family:"iconfont" !important; font-size: 16px;font-weight: bold; color: #666;}
.pro_D_1 div.fl .slider-nav .slick-slide{ margin:0 5px; border: 1px solid #eee; border-radius: 6px;}
.pro_D_1 div.fl .slider-nav .slick-slide.slick-current{ border: 1px solid #da251d;}
.pro_D_1 div.fr {width: calc(100% - 600px);}
.pro_D_1 div.fr h3{padding: 15px 0; font-size:24px; color: #333; line-height: 40px;}
.pro_D_1 div.fr .hd{box-shadow: 0 2px 2px rgba(0,0,0,.1);}
.pro_D_1 div.fr .hd ul li{ float: left;margin-right: 40px; font-size: 16px; color: #666; line-height: 50px;cursor: pointer;}
.pro_D_1 div.fr .hd ul li.on{ border-bottom: 2px solid #da251d; color: #da251d;}
.pro_D_1 div.fr .bd {padding: 30px 0;}
.pro_D_1 div.fr .bd .b_box_1 .aa{ height: 400px;overflow: hidden;}/*3-23*/
.pro_D_1 div.fr .bd .b_box_1 .aa span{ display: block;float: left;width: 50%;padding: 5px 0; font-size: 14px; color: #666; line-height:20px;}
.pro_D_1 div.fr .bd .b_box_2 .aa span{ display: block;float: left;width: 50%;padding: 5px 0; font-size: 14px; color: #666; line-height:20px;}
.dangdu{ float: right;}
.dangdu .b1{float:left; width: 142px;height: 35px; border-radius: 5px; background: #da251d; font-size: 14px; color: #fff; text-align: center; line-height: 35px;}
.dangdu .b2{  float:left; width: 35px;height: 35px;margin-left: 15px; border: 1px solid #666; border-radius: 50%; text-align: center; line-height: 38px;}
.dangdu .ac_fx{ display: none; float: left;}
.dangdu .ac_fx a{float:left;width: 35px;height: 35px;margin-left: 15px; border: 1px solid #666; border-radius: 50%; text-align: center; line-height: 38px;}

.pro_D_2{padding: 20px 0;}
.pro_D_2 .hd{box-shadow: 0 2px 2px rgba(0,0,0,.1);}
.pro_D_2 .hd ul li{ float: left;margin-right: 40px; font-size: 16px; color: #666; line-height: 60px;cursor: pointer;}
.pro_D_2 .hd ul li.on{ border-bottom: 2px solid #da251d; color: #da251d;}
.pro_D_2 .bd{ padding: 20px 0;}
.pro_D_2 .bd .a_4>div{ padding: 10px 0;}
.pro_D_2 .bd .a_4 span{ float: left;width: 128px; font-size: 16px; color: #666; line-height: 48px;}
.pro_D_2 .bd .a_4 ul{ float: left;width: calc(100% - 128px);}
.pro_D_2 .bd .a_4 ul li{ float: left; width: 48px; height: 48px;padding-right: 30px;margin-bottom: 20px;}
.pro_D_2 .bd .a_5{position: relative;width: 100%;overflow: hidden;}
.pro_D_2 .bd .a_5 .swiper-slide{ float: left;}
.pro_D_2 .bd .a_5 .swiper-slide:nth-child(3n-1){margin-left: 0;}
.pro_D_2 .bd .a_5 .swiper-slide .pro_img{ position: relative;/*width: 100%;*/text-align: center;}
.pro_D_2 .bd .a_5 .swiper-slide .pro_img>a img{/*width: 100%;*/text-align: center;}
.pro_D_2 .bd .a_5 .swiper-slide .pro_img>i{ position: absolute;top: 0;right: 0;width: 42px;height: 42px; background: url(../images/icon_9.png) no-repeat center;}
.pro_D_2 .bd .a_5 .swiper-slide .pro_img>.fxg{ display: none; position: absolute;top: 12px;right: 40px;}
.pro_D_2 .bd .a_5 .swiper-slide>p{ font-size: 18px; color: #232323; text-align: center; line-height: 60px;}
.pro_D_2 .bd .a_5 .swiper-slide:hover .pro_img{ background: #f9fafc;}
.pro_D_2 .bd .a_5 .swiper-slide:hover>p{ color: #da251d;}
.pro_D_2 .bd .a_5 .swiper-slide:hover .pro_img>.fxg{ display: block;}
.pro_D_2 .bd .a_5 .swiper-button-black{width: 28px;height: 28px; border: 3px solid #efefef; border-radius:50%; background-color: #fbfbfb; background-size: 30%;}
.pro_D_2 .bd .a_5 .swiper-button-prev{left: 0;}
.pro_D_2 .bd .a_5 .swiper-button-next{right: 0;}

.pro_D_3{padding: 20px 0;}
.pro_D_3 .hd{box-shadow: 0 2px 2px rgba(0,0,0,.1);}
.pro_D_3 .hd ul li{ float: left;margin-right: 40px; font-size: 16px; color: #666; line-height: 60px;cursor: pointer;}
.pro_D_3 .hd ul li.on{ border-bottom: 2px solid #da251d; color: #da251d;}
.pro_D_3 .bd{position: relative; padding: 20px 0 0;overflow: hidden;}
.pro_D_3 .bd .swp_pr{width: 816px;margin: 20px auto;overflow: hidden;}
.pro_D_3 .bd .swp_pr .swiper-slide a{ display: inline-block; position: relative;}
.pro_D_3 .bd .swp_pr .swiper-slide a>span{ position: absolute;bottom: 0;left: 0;width: 100%;height: 66px; background: rgba(0,0,0,.8);  font-size: 16px; color: #fff;text-align: center; line-height: 66px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.pro_D_3 .bd .swp_pr .swiper-button-black{width: 28px;height: 28px; border: 3px solid #efefef; border-radius:50%; background-color: #fbfbfb; background-size: 30%;}
.pro_D_3 .bd .swp_pr .swiper-button-prev{left: 70px;}
.pro_D_3 .bd .swp_pr .swiper-button-next{right: 70px;}
/*.pro_D_4{padding: 20px 0;}*/
.pro_D_4 .hd{box-shadow: 0 2px 2px rgba(0,0,0,.1);}
.pro_D_4 .hd ul li{ float: left;margin-right: 40px; font-size: 16px; color: #666; line-height: 60px;cursor: pointer;}
.pro_D_4 .hd ul li.on{ border-bottom: 2px solid #da251d; color: #da251d;}

/*5.17*/
.form_517{ margin:5px 0; border: 1px solid #ccc;}
.form_517 input[type='text']{ float: left; width: 135px;height: 24px; padding: 0 5px; border: none; box-sizing: border-box; font-size: 12px;color: #666; line-height: 20px;}
.form_517 input[type='submit']{ float: left; width: 36px;height: 24px; border: none; background:transparent;font-size: 12px;color: #666;}





@media(max-width:1220px){
    .wrap{width: 100%; padding: 0 3%;box-sizing: border-box;}
    /*header*/
    .h-top{ display: none;}
    .head-height{ display: block;width: 100%; height: 60px;}
    .h-n-logo{ display: inline-block; float: none;width:auto;height: 100%; padding: 10px; box-sizing: border-box; line-height: normal;}
    .h-nav{ position: fixed;top: 0;left: 0;z-index:99; height: 60px; box-shadow: 1px 0 10px rgba(0,0,0,.2); background: #fff; text-align: center;}
    .h-n-menu{ position: fixed;top: 0;right: 0;z-index:998; width: 300px; height: 100%;overflow-x: hidden; margin: 0; padding: 40px 25px 10px 45px; box-sizing: border-box; background: #000;}
    .h-n-menu>ul{ display: block;}
    .h-n-menu>ul>li{ display: block;position: static; float: none;height: auto; padding-left: 25px;padding-top: 0;margin: 0;line-height: 1;}
    .h-n-menu>ul>li>a{ display: block;width: auto;height: auto; margin: 0; background: none; font-size: 16px; color: #fff;text-align: left;line-height: 50px;}
    .h-n-menu>ul>li>a:hover,.h-n-menu>ul>li.on>a{ background: none;}
    .h-n-menu.close-nav{ -webkit-transition: -webkit-transform 430ms cubic-bezier(0.3,0,0,1); transition: transform 430ms cubic-bezier(0.3,0,0,1); -webkit-transform: translate(300px,0); transform: translate(300px,0);}
    .h-n-menu.open-nav{ -webkit-transform: translate(0,0) !important; transform: translate(0,0) !important; -webkit-transition: -webkit-transform 430ms cubic-bezier(0.3,0,0,1); transition: transform 430ms cubic-bezier(0.3,0,0,1);}
    .push-nav{display: block;}
    .push-nav .nav-toggle span{display: block; position: relative; z-index: 1; width: 36px; height: 3px; margin-bottom: 8px;background: #0061ae;border-radius: 3px;-webkit-transform-origin: 33px;transform-origin: 33px;-webkit-transition: all .5s;transition: all .5s;}
    .push-nav .nav-toggle{ position: fixed; top: 0; right: 15px; z-index: 999; margin-top: 6px; padding: 10px; border: 0; background-image: none; border-radius: 4px; cursor: pointer; }
    .push-nav .nav-toggle.animate span:nth-last-child(1){ background: #fff; opacity: 1; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
    .push-nav .nav-toggle.animate span:nth-last-child(2) { opacity: 0;}
    .push-nav .nav-toggle.animate span:nth-last-child(3) { background: #fff; opacity: 1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
    .bg-nav{ display: none; position: fixed;top: 0;left: 0;z-index: 997; width: 100%; height: 100%; background: rgba(0,0,0,0.75);animation:fade-in .43s ease 0s;-webkit-animation:fade-in .43s ease 0s;}
    .move-login{ display: block;margin-top: 30px;}
    .move-login a{ float: left;width: 50%; font-size: 16px; color: #fff;}
    .move-login a em{ display: inline-block;width: 24px;height: 14px; margin-right: 2px;background:  no-repeat center; vertical-align: -1px;}
    .push-nav.black .nav-toggle.animate span{ background: #666;}

    .x_x {position: absolute; top: 0;left: 80px; z-index: 999;width: 100%;min-height: 100%; padding:50px 0; box-sizing: border-box; padding: 70px 30px;}
    .x_x .retr_x{ display: block; position: absolute;top: 0;left: 0;width: 100%; height: 50px;padding: 0 10px; border-bottom: 1px solid #ccc; text-align: left;}
    .x_x .retr_x i{ font-size: 24px;color: #666; line-height: 50px;}
    .wep_language{
        display: block;
        position: fixed;
        top: 0;
        left: 3%;
    }
    .wep_language a{
        display: block;
        height: 60px;
        font-size: 30px;
        line-height: 50px;
    }
    /*banner*/
    .banner{ height: 512px;}
    .banner .swiper-button-white{ display: none;}
    /*index*/
    .index_0>.wrap{padding: 10px 3%;}
    .index_1 .in-mian div.fr ul{width: calc(100% - 20%);padding-top: 20px;}
    .index_1 .in-mian div.fr ul li:nth-child(n){float: none;width: 100%;}
    .index_1 .in-mian div.fr ul li a{ font-size: 14px;}
    .index_1 .in-mian div.fr .sw-ing-1-2 .swiper-slide span{width: calc(100% - 20%);}
    .index_2 .in-mian .swiper-wrapper .swiper-slide ul{height:auto;}
    .index_2 .in-mian .swiper-wrapper .swiper-slide ul li{ height: auto;}
    .index_2 .in-mian .swiper-wrapper .swiper-slide ul li:hover{ height: auto;}
    .index_3 .in-mian .swiper-slide ul { width: 100%;height: auto;}
    .index_3 .in-mian .swiper-slide ul li:nth-child(2){width: 30%;height: auto;}
    .index_3 .in-mian .swiper-slide ul li{ float: left; position: relative;width: 30%;height: auto;overflow: hidden;margin: 0 calc(10% / 6);margin-bottom: 20px;}
    .index_3 .in-mian .swiper-slide ul li:nth-child(n){top: auto;bottom: auto; right: auto; left:auto;}
    .index_3 .in-mian .swiper-slide ul li a span font{bottom: 0;}

    /*sub-box*/
    .sub-box{ padding: 30px 3%;}

    /*视频*/
    .sub_video{ padding: 30px 0 0;}
    .sub_video ul li{width: 24%; margin: 0 0 1.3% 1%;}

    /*案例新闻*/
    .sub_video.case ul li{width: 32%; margin: 0 0 2% 2%;}
    .sub_video.case ul li:nth-child(3n+1){margin-left: 0;}

    /*案例新闻 - 详情页*/
    .case-nd_2 .gallery-thumbs .swiper-slide{height: 80px;}
    .case-nd_2 .gallery-thumbs .slick-current:before{ line-height: 70px;}

    /*技术支持-常见问题解决方法*/
    .sub_common .comm_1{height: 300px;}
    .sub_common .comm_1 span{padding: 30px 20px 0 20px;}

    /*技术支持-售后服务热线*/
    .sub_Hotline .Hot_1{height: 300px;}
    .sub_Hotline .Hot_1 span{padding: 30px 20px 0 20px;}
    .sub_Hotline .Hot_2 ul li{padding-left: 20px;}

    /*联系我们-中国总部*/
    .con_map .con_map_1{ height: 600px; margin-bottom: 20px;}
    .con_map .con_map_2{position: static;width: 100%; padding: 0; background: transparent; box-sizing: border-box; color: #666;}
    .con_map .con_map_2 h3:before{position: absolute;bottom: 0;left: 0;width: 22px;height: 1px;content: ''; background: #666;}

    /*联系我们-国际销售网络*/
    .con_Internat .inter_3{ display: none;}

    /*关于浩洋-公司简介*/
    .about_brief dl dt div.fr{padding: 30px 40px 0 40px;}
    .about_brief dl dt div.fr h3{margin-bottom: 20px; line-height: 60px;}
    .about_brief dl dd div.a1{padding: 30px 40px 0 40px;}
    .about_brief dl dd div.a1 h4{ margin-bottom: 20px; line-height: 60px;}

    /*关于浩洋-知识产权与专利*/
    .about_patent .pat_1 div.fr{padding: 30px 40px 0 40px;}
    .about_patent .pat_1 div.fr h3{margin-bottom: 20px; line-height: 60px;}
    .about_patent .pat_2{padding: 50px;}

    /*关于浩洋- 人才招聘*/
    .about-join .join_1 ul li{width: 50% !important;}
    .about-join .join_1 ul li{width: calc(100% - 16% * 3);}
    .about-join .join_1 ul li:before{ background: rgba(0,0,0,.5);}
    .about-join .join_1 ul li h4{position: absolute;left: 0;bottom: 0;width: 100%;height: 56px !important;padding: 0 !important; background: #da251d; font-size: 24px; color: #fff; line-height: 56px !important;text-align: center !important;}
    .about-join .join_1 ul li h4:before{ display: none;}
    .about-join .join_1 ul li p{ display: block;position: relative;z-index: 2;padding:20px 30px 0 30px !important; font-size: 14px; color: #fff; line-height: 26px;}
    .about-join .join_2 .gallery-thumbs .swiper-slide{height: 80px;}
    .about-join .join_2 .gallery-thumbs .slick-current:before{ line-height: 75px;}

    /*产品中心-一级*/
    .product .pro_1 li .pro_img{ background: #f9fafc !important;}
    .product .pro_1 li .pro_img>.fxg{ display: block !important;}

    /*产品中心-详情页*/
    .pro_D_1 div.fr {width: calc(100% - 530px);}


}
@media(max-width:1024px){
    /*index*/
    .in-tit span{font-size: 36px; line-height: 36px;}
    .in-tit span font{ font-size: 28px;}
    .index_1 .in-mian div.fr ul li{height: 40px; margin-bottom: 10px;line-height: 40px;}
    .index_1 .in-mian div.fr .sw-ing-1-2 .swiper-slide span a{ display: block; float: none; width: 100%;}

    /*sub-box*/
    .box-left{position: fixed;top: 0;left: 0; z-index: 999;width: 300px;height: 100%;overflow: auto; padding:30px 20px; background: #fff; box-sizing: border-box; -webkit-transition: all .5s ease;transition: all .5s ease;}
    .box-left.on{-webkit-transform: translateX(-300px); transform: translateX(-300px);}
    .box-right{ float: none; width: 100%;}
    .sub-bg{ display: block;}
    .sub-bg>i{ display: block; width: 40px;height: 40px;overflow: hidden; border-radius: 50%; background: #da251d; font-size: 24px; color: #fff; text-align: center; line-height: 45px;cursor: pointer;}
    .sub-bg .left-bg{ display: none; position: fixed;top: 0;left: 0;z-index: 997; width: 100%; height: 100%; background: rgba(0,0,0,0.75);animation:fade-in .43s ease;-webkit-animation:fade-in .43s ease;}
    .buttom-more{padding:0;margin-top: 30px; text-align: center; background: #eee; line-height: 50px;}
    .buttom-more a{ display: block;}

    /*技术支持-下载中心*/
    .download{ padding: 45px 0 30px;}

    /*技术支持-网上保修*/
    .Guarantee form{width: 100%; padding: 30px 0;}
    .Guarantee form div.gu_form{width: 50%;}
    .cssSelect{ display: none !important;}
    .Guarantee form div.gu_form select{ display: block !important;position: relative; float: left;width: calc(100% - 100px);height: 42px;padding:0 10px;border:1px solid #e8e8e8; background: url(../images/icon_1.png) no-repeat 96% center; box-sizing: border-box; font-size: 14px; color: #666;}

    /*技术支持-售后服务热线*/
    .sub_Hotline .Hot_2 ul li h6{font-size: 30px;}

    /*关于浩洋-公司简介*/
    .about_brief dl dt div.fr{padding: 10px 30px 0 30px;}
    .about_brief dl dd div.a1{padding: 10px 30px 0 30px;}

    /*关于浩洋-知识产权与专利*/
    .about_patent .pat_1 div.fr{padding: 10px 30px 0 30px;}
    .about_patent .pat_2{padding: 45px;}

    /*关于浩洋- 人才招聘*/
    .about-join .join_2{ padding: 20px 0;}
    .about-join .join_2 .gallery-thumbs .swiper-slide{height: 70px;}
    .about-join .join_2 .gallery-thumbs .slick-current:before{ line-height: 65px;}

    /*产品中心-详情页*/
    .pro_D_1{padding: 20px 0;}
    .pro_D_1 div.fl{ float: none; width: 100%;}
    .pro_D_1 div.fr{ float: none; width: 100%;padding-top: 20px;}
    .pro_D_3 .bd .swp_pr{width: 816px;margin: 20px auto;overflow: hidden;}

    /*案例新闻 - 详情页*/
    .case-nd_2 .gallery-top .swiper-slide>span{height: 56px; line-height: 56px;}
    .case-nd_2 .gallery-thumbs .swiper-slide{height: 70px;}
    .case-nd_2 .gallery-thumbs .slick-current:before{ line-height: 60px;}
    .pro_D_1 div.fr .bd .b_box_1 .aa{ height: auto !important;overflow: initial !important;}/*3-23*/
    .pro_D_1 div.fr .bd .b_box_1 .aa>div{ position: static !important;}/*3-23*/

}
@media(max-width:900px){
    .box-right .sub-tit  span  a{ display: inline-block; width: 86px;height: 35px; border-radius: 5px; background: #da251d; font-size: 14px; color: #fff; text-align: center; line-height: 35px;margin-left: 0.5rem;}
    .dangdu{ display: block;width: 100%; padding: 10px 0;}
    .dangdu .b1{display: inline-block;width: 100px;height: 35px;border-radius: 5px;background: #da251d;font-size: 14px;color: #fff;text-align: center;line-height: 35px;}
    /*banner*/
    .banner{ height: 412px;}
    .banner .swiper-pagination{height: 20px; line-height: 18px;}
    .banner .swiper-pagination-bullet{width: 10px;height: 4px;}

    /*footer*/
    .foot-1{width: 100%;height: auto;}
    .foot-1 ul { display: block;border-right: 1px solid #005696;border-left: 1px solid #002139; line-height: 20px; box-sizing: border-box;}
    .foot-1 ul li{ float: left;width: 20%; padding:15px 0;box-sizing: border-box;}
    .foot-1 ul li i{ display: block;}
    .foot-2{padding: 30px 0;}
    .foot-3 span{ line-height: 50px;}

    /*首页弹窗*/
    .tc-login form{top: 0;right: 0;bottom: 0;left: 0;width: auto;height: 100%;margin: 0;overflow: auto;}
    .tc_email form{top: 0;right: 0;bottom: 0;left: 0;width: auto;height: 100%;margin: 0;overflow: auto;}
    .tc-login form .login-mian{width: 80%;}
    .tc-register form{top: 0;right: 0;bottom: 0;left: 0;width: auto;height: 100%;margin: 0;overflow: auto;}
    .tc-register form .register-mian{width: 80%;}
    .tc-register form .register-mian label input[type='text']{width: 100%;}
    .tc-register form .register-mian span{ display: block;width: 100%;}
    .tc-register form .register-mian span input[type='text']{ float: left; width: calc(100% - 150px);}
    .tc-register form .register-mian span font{float:right;vertical-align: middle;}

    /*sub-弹窗*/
    .tc-service .ser-mian{top: 0;right: 0;bottom: 0;left: 0;width: auto;height: 100%;margin: 0;overflow: auto;}
    .tc-service .ser-mian p{padding: 0 10%;margin-top: calc(50% - 60px);}
    .tc-service .ser-mian i{ float: left;}
    .tc-true .true-mian{top: 0;right: 0;bottom: 0;left: 0;width: auto;height: 100%;margin: 0;overflow: auto;}
    .tc-true .true-mian p{padding: 0 10%;margin-top: calc(50% - 60px);}
    .tc-true .true-mian i{ float: left;}
    .tc-join .ser-mian{top: 0;right: 0;bottom: 0;left: 0;width: auto;height: 100%;max-height: 100%;margin: 0;overflow: auto;}
    .tc-join .ser-mian .join_box{ padding: 30px 20px;}
    .tc-join .ser-mian i{ float: left;}
    .tc-join.on .ser-mian{-webkit-transform:translateY(0);transform: translateY(0);}
    .tc-join .join_box{ height: 100%; box-sizing: border-box;}
    .join_height{ height: calc(100% - 110px) !important;overflow: inherit !important;}

    /*index*/
    .in-tit{ padding: 40px 0;}
    .in-tit span{font-size: 32px; line-height: 32px;}
    .in-tit span font{ font-size: 24px;}
    .index_0>.wrap{padding: 20px 3%;}
    .index_0 div.fl{ float: none; text-align: center;}
    .index_0 div.fl p{ display: inline-block;height: 38px;overflow:hidden;}
    .index_0 div.fl span,.index_0 div.fl a{ font-size: 12px;}
    .index_0 div.fr{ float: none; text-align: center;}
    .index_0 div.fr form{ display: inline-block;width: 70%;}
    .index_1 .in-mian div.fl{ float: none; width: 100%;height: auto;}
    .index_1 .in-mian div.fl img{width: 100%;}
    .index_1 .in-mian div.fr{ float: none; width: 100%;height: auto;padding: 5%;}
    .index_1 .in-mian div.fr ul{width: 100%;margin-top: 0;}
    .index_1 .in-mian div.fr ul li:nth-child(n){ float: left; width: 48%;}
    .index_1 .in-mian div.fr ul li:nth-child(even){ float: right;}
    .index_1 .in-mian div.fr .sw-ing-1-2 .swiper-slide span{width: 100%;}
    .index_1 .in-mian div.fr .sw-ing-1-2 .swiper-slide span a{  float: left; width: 50%;}
    .index_2 .hd ul{width: 100%;}
    .index_2 .hd ul li{ float: left;width: 25%;margin: 0;padding: 0;}
    /*.index_2 .hd ul li:first-child{width: 10%;}*/
    .index_2 .hd ul li a{ font-size: 14px;}
    .index_2 .in-mian .swiper-wrapper { height: auto !important;}
    .index_2 .in-mian .swiper-wrapper .swiper-slide ul{padding: 30px 0 10px;}
    .index_3 .hd ul{width: 100%;}
    .index_3 .hd ul li{ float: left;width: 25%;margin: 0;padding: 0;}
    /*.index_3 .hd ul li:first-child{width: 10%;}*/
    .index_3 .hd ul li a{ font-size: 14px;}
    .index_3 .in-mian .swiper-wrapper{ height: auto !important;}
    .index_3 .in-mian .swiper-slide{padding: 20px 0;}
    .index_3 .in-mian .swiper-slide ul li{ width: 48% !important;margin: 0 1%; margin-bottom: 15px;}

    /*视频*/
    .sub_video ul li{width: 32%; margin: 0 0 2% 2%;}
    .sub_video ul li:nth-child(4n + 1){ margin-left: 2%; }
    .sub_video ul li:nth-child(3n + 1){ margin-left: 0; }

    /*案例新闻*/
    /* .sub_video.case ul li:nth-child(n){ margin: 0;margin-left: 2% !important;margin-bottom: 20px !important;} */

    /*案例新闻 - 详情页*/
    .case-nd_1 h3{ font-size: 24px; line-height: 36px;}
    .case-nd_2 .gallery-top .swiper-slide>span{height: 46px; line-height: 46px;}
    .case-nd_2 .gallery-thumbs .swiper-slide{height: 60px;}
    .case-nd_2 .gallery-thumbs .slick-current:before{ line-height: 50px;}

    /*技术支持-常见问题解决方法*/
    .sub_common .comm_1{height: 260px;}
    .sub_common .comm_1 span{width: 48%;}
    .sub_common .comm_1 span h4 { position: relative; font-size: 20px; line-height: 50px; }
    .sub_common .comm_2 ul li .s_comm_2{ padding: 30px 50px;}

    /*技术支持-售后服务热线*/
    .sub_Hotline .Hot_1{height: 260px;}
    .sub_Hotline .Hot_1 span h4 { position: relative; font-size: 20px; line-height: 50px; }

    /*技术支持-售后服务热线*/
    .sub_Hotline .Hot_2 ul li{width: 48%;}
    .sub_Hotline .Hot_2 ul li:nth-child(n){margin: 0 1%;margin-bottom: 20px;}

    /*联系我们-国际销售网络*/
    .con_Internat .inter_2 ul li{ float: none; width: 100%;margin: 0 0 20px;}

    /*关于浩洋-公司简介*/
    .about_brief dl dt div.fr{position: static;width: 100%;height: auto; padding: 30px 5%; background: transparent; color: #333;}
    .about_brief dl dt div.fr h3:before{ background: #333;}
    .about_brief dl dd div.fl,.about_brief dl dd div.fr{ float: none;}
    .about_brief dl dd div.a1{width: 100%;padding: 30px 5%;}
    .about_brief dl dd div.a2{width: 100%;}
    .about_brief dl dd div.a2 img{width: 100%;}
    .about_brief dl dt div.fr .ab_height{ height: auto !important;overflow: initial !important;}
    .about_brief dl dt div.fr .ab_height>div{ position: static !important;}

    .about_brief dl dd div.a1 .ab_height{ height: auto !important;overflow: initial !important;}
    .about_brief dl dd div.a1 .ab_height>div{ position: static !important;}

    /*关于浩洋-知识产权与专利*/
    .about_patent .pat_1 div.fr{position: static;width: 100%;height: auto; padding: 30px 5%; background: transparent; color: #333;}
    .about_patent .pat_1 div.fr h3:before{ background: #333;}
    .about_patent .pat_2{padding: 40px;}

    /*关于浩洋-资质与荣誉*/
    .about_Honor{ padding: 30px 50px;}
    .about_Honor .about_Honor_1 .swiper-slide a>span{ height: 46px; font-size: 14px;line-height: 46px;}

    /*关于浩洋- 人才招聘*/
    .about-join .join_1 ul li{width: 100% !important;height: auto;padding-bottom: 66px !important; margin-bottom: 10px;}
    .about-join .join_2 .gallery-thumbs .swiper-slide{height: 60px;}
    .about-join .join_2 .gallery-thumbs .slick-current:before{ line-height: 55px;}
    .about-join .join_3 dl dt{height: 56px;line-height:56px;}
    .about-join .join_3 dl dd{height: 50px;line-height:50px;}


    /*产品中心-详情页*/
    .pro_D_3 .bd .swp_pr{width: 100%;}
    .pro_D_3 .bd .swp_pr .swiper-slide a>span{ height: 50px; line-height: 50px;}
    .pro_D_3 .bd .swp_pr .swiper-button-prev{left: 30px;}
    .pro_D_3 .bd .swp_pr .swiper-button-next{right: 30px;}

    .pro_D_2 .bd .a_5 .swiper-slide>p{font-size: 14px;}

    /*联系我们-中国总部*/
    .con_map .con_map_1{ height: 500px;}

}

@media(max-width:768px){
    /*header*/
    .h-n-logo{ padding: 12px;}
    .push-nav .nav-toggle{margin-top: 10px;}
    .push-nav .nav-toggle span{ width: 30px; height: 2px; margin-bottom: 6px;-webkit-transform-origin: 27px;transform-origin: 27px;}
    /*banner*/
    .banner{ height: 312px;}

    /*index*/
    .index_3 .in-mian .swiper-slide ul li a span font{ font-size: 14px;}
    .index_3 .in-mian .swiper-slide ul li a span i{ font-size: 24px;}

    /*sub-nav*/
    .sub-nav .sw-s-n{height: 54px;}
    .sub-nav .swiper-slide a{font-size: 14px; line-height: 52px; }

    /*sub-box*/
    .buttom-more{margin-top: 20px;line-height: 40px;}
    .buttom-more a{ font-size: 14px;}

    /*技术支持-下载中心*/
    .download{ padding: 40px 0 20px;}
    .download ul li{ padding: 15px 12px;}
    .download ul li a span.fr font{margin-right: 12px;}

    /*技术支持-常见问题解决方法*/
    .sub_common .comm_1{height: 240px;}
    .sub_common .comm_1 span h4{font-size: 20px; line-height: 50px;}
    .sub_common .comm_1 span p{line-height: 24px;}
    .sub_common .comm_2 ul li .s_comm_1{ padding: 20px 15px;}
    .sub_common .comm_2 ul li .s_comm_1 span{font-size: 14px;}
    .sub_common .comm_2 ul li .s_comm_1 em{ font-size: 16px;}
    .sub_common .comm_2 ul li .s_comm_2{ padding: 20px 40px;}

    /*技术支持-售后服务热线*/
    .sub_Hotline .Hot_1{height: 240px;}
    .sub_Hotline .Hot_1 span{width: 64%;height: 100%; background: rgba(0,0,0,.6);}
    .sub_Hotline .Hot_1 span h4{font-size: 20px; line-height: 50px;}
    .sub_Hotline .Hot_1 span p{line-height: 24px;}
    .sub_Hotline .Hot_2 ul li{padding: 10px 0 15px 20px;}
    .sub_Hotline .Hot_2 ul li h6{ line-height: 40px;}

    /*联系我们-国际销售网络*/
    .con_Internat .inter_1{padding: 20px 0;}
    .con_Internat .inter_1 h3{ font-size: 20px; line-height: 50px;}
    .con_Internat .inter_1 p{font-size: 14px;line-height: 24px;}
    .about_patent .pat_2{padding: 30px;}

    /*关于浩洋- 人才招聘*/


    /*产品中心-一级*/
    .product{padding-top: 20px;}
    .product .pro_1 li{/* float: left; */width: 48%;margin:0 1%;}
/*     .product .pro_1 li:nth-child(3n-1){margin:0 1%;} */
    .product .pro_1 li:nth-child(3n){ margin-right: 1%; }
    .product .pro_1 li>p{ font-size: 14px; line-height: 40px;}

    /*产品中心-详情页*/
    .pro_D_1 div.fl .slider-nav{ padding: 0 40px;}
    .pro_D_1 div.fl .slider-nav .slick-arrow.slick-prev:before{ font-size: 14px;}
    .pro_D_1 div.fl .slider-nav .slick-arrow.slick-next:before{ font-size: 14px;}
    .pro_D_3 .bd .swp_pr .swiper-slide a>span{ height: 40px; font-size: 14px; line-height: 40px;}
    .pro_D_2 .bd .a_4>div{padding: 5px 0;}
    .pro_D_2 .bd .a_4 span{width: 100px; font-size: 12px; line-height: 30px;}
    .pro_D_2 .bd .a_4 ul{width: calc(100% - 100px);}
    .pro_D_2 .bd .a_4 ul li{width: 30px;height: 30px; padding-right: 20px;margin-bottom: 5px;}

    /*案例新闻 - 详情页*/
    .case-nd_2 .gallery-top
    .case-nd_2 .gallery-top .slick-arrow.slick-prev:before{ font-size: 14px;}
    .case-nd_2 .gallery-top .slick-arrow.slick-next:before{ font-size: 14px;}
    .case-nd_2 .gallery-top .swiper-slide>span{ height: 40px; font-size: 14px; line-height: 40px;}

    /*联系我们-中国总部*/
    .con_map .con_map_1{ height: 400px;}

}
@media(max-width:640px){
    /*header*/
    .head-height{height: 50px;}
    .h-nav{ height: 50px;}
    .h-n-menu{ width: 260px;}
    .h-n-menu.close-nav{ -webkit-transform: translate(260px,0); transform: translate(260px,0);}
    .push-nav .nav-toggle{margin-top: 6px;}
    .push-nav .nav-toggle span{ width: 20px; height: 2px; margin-bottom: 5px;-webkit-transform-origin: 20px;transform-origin: 20px;}
    .wep_language a{
        height: 50px;
        font-size: 24px;
        line-height: 40px;
    }
    /*banner*/
    .banner{ height: 212px;}
    /*footer*/
    .foot-1 ul li{padding: 10px 0;}
    .foot-2{padding: 20px 0;}
    .foot-2>div>font{font-size: 12px;}
    .foot-3 span{ line-height: 40px;}

    /*index*/
    .in-tit{ padding: 20px 0;}
    .in-tit span{font-size: 24px; line-height: 24px;}
    .in-tit span font{ font-size: 16px;}
    .index_0 div.fl{width: 100%;}
    .index_0 div.fl a{padding-right: 10px;}
    .index_2 .in-mian .swiper-wrapper .swiper-slide ul li{ float: none;width: 100%;margin-left: 0;margin-bottom: 20px;font-size: 12px;}
    .index_3 .in-mian .swiper-slide ul li{ float: none;width: 100% !important;}
    .index_3 .hd ul li a{ font-size: 12px;}

    /*sub-nav*/
    .sub-nav .sw-s-n{height: 44px;}
    .sub-nav .swiper-slide a{font-size: 12px; line-height: 42px; }

    /*sub-tit*/
    .sub-tit a{font-size: 12px;}

    /*分页*/
    .paging ul li{width: 16px;height: 16px;line-height: 16px;}
    .paging ul li a{font-size: 12px;}

    /*技术支持-下载中心*/
    .download{ padding: 30px 0;}
    .download ul li{padding: 10px;}
    .download ul li a{ font-size: 12px;}
    .download ul li a span.fl{ width: 100%;}
    .download ul li a span.fl font:nth-child(2){width: auto;}
    .download ul li a span.fl font:nth-child(3){ display: none;}
    .download ul li a span.fr font{margin-right: 10px;}

    /*技术支持-网上保修*/
    .Guarantee form div.gu_form{width: 100%;}
    .Guarantee form div.gu_form>span{ float: left;width: 80px; font-size: 12px;}
    .Guarantee form div.gu_form select{width:calc(100% - 80px);}
    .Guarantee form .Guar_input input{float: left;width:calc(100% - 80px);}
    .Guarantee form .Guar_textarea span{width: 80px;}
    .Guarantee form .Guar_textarea textarea{width:calc(100% - 80px);}
    .Guarantee form .Guar_Code span{width: 80px;}
    .Guarantee form .Guar_Code input{width:calc(100% - 210px);}
    .Guarantee form .Guar_button{padding-left: 80px;}

    /*视频*/
    .sub_video ul li{width: 48%;}
    .sub_video ul li:nth-child(n){margin: 0 1% 15px 1%;}
    .sub_video ul li .vid_text .vid_1{top: 5px;right: 5px;}
    .sub_video ul li .vid_text .vid_2 {padding: 10px;}
    .sub_video ul li .vid_text .vid_2 h5{ font-size: 12px;}
    .sub_video ul li .vid_text>a i{width: 30px;height: 30px; font-size: 30px;margin-left: -15px;margin-top: -30px;}

    .lq_box{top: 5px;right: 5px;}
    /*.tc_vid{top: 5px;right: 69px;}*/

    /*案例新闻*/
    .sub_video.case ul li{width: 48%;}
    .sub_video ul li:nth-child(n){margin: 0 1% 15px 1% !important;}
    .sub_video.case ul li:nth-child(3n+1){margin: 0 1% 15px 1% !important;}

    /*案例新闻 - 详情页*/
    .case-nd_1 h3{ font-size: 18px;line-height: 28px;}
    .case-nd_2 .gallery-top .swiper-slide>span{height: 30px; font-size: 12px; line-height: 30px;}
    .case-nd_2 .gallery-top .slick-arrow{width: 24px;height: 24px;margin-top: -12px;}
    .case-nd_2 .gallery-top .slick-arrow.slick-prev:before{ font-size: 12px;}
    .case-nd_2 .gallery-top .slick-arrow.slick-next:before{ font-size: 12px;}
    .case-nd_2 .gallery-thumbs .swiper-slide{height: 50px;}
    .case-nd_2 .gallery-thumbs .slick-current:before{ line-height: 45px;}

    /*产品详情-下载页面*/
    .sub_data{ padding: 30px 0 0;}
    .sub_data ul li{margin-bottom: 15px;}
    .sub_data ul li .data_1{padding: 12px 10px;}
    .sub_data ul li .data_1 span{ font-size: 12px; color: #666;}
    .sub_data ul li .data_2{ display: none; width: 100%; padding: 15px 10px;}
    .sub_data ul li .data_2 span{display: block; font-size: 12px;}
    .sub_data ul li .data_2 span.fl{ float: none; }
    .sub_data ul li .data_2 span.fl font{ display: block; float: none; margin-right: 0;}
    .sub_data ul li .data_2 span.fr{float: none;text-align: right;}
    .sub_data ul li .data_2 span.fr font{ display: inline-block; float: none; margin-right: 10px;}
    .sub_data ul li .data_2 span.fr a{ display: inline-block; float: none;}


    /*技术支持-常见问题解决方法*/
    .sub_common .comm_1{height: 150px;margin-top: 20px;}
    .sub_common .comm_1 span{width: 100%;height: 100%;padding:20px 30px; background: rgba(0,0,0,.6);}
    .sub_common .comm_1 span h4{font-size: 16px; line-height: 30px;}
    .sub_common .comm_1 span p{margin-top: 10px; font-size: 12px; line-height: 20px;}
    .sub_common .comm_2 ul li .s_comm_1{ padding: 15px 10px;}
    .sub_common .comm_2 ul li .s_comm_1 span{font-size: 12px;}
    .sub_common .comm_2 ul li .s_comm_1 em{ font-size: 14px;}
    .sub_common .comm_2 ul li .s_comm_2{ padding: 15px 20px;}

    /*技术支持-售后服务热线*/
    .sub_Hotline .Hot_1{height: 203px;margin-top: 20px;}
    .sub_Hotline .Hot_1 span{width: 100%;height: 100%;padding:10px 40px 0 40px;}
    .sub_Hotline .Hot_1 span h4{margin-bottom: 10px;font-size: 16px; line-height: 30px;}
    .sub_Hotline .Hot_1 span p{font-size: 12px; line-height: 20px;}
    .sub_Hotline .Hot_2 ul li{ float: none; width: 100%;}
    .sub_Hotline .Hot_2 ul li:nth-child(n){margin: 0;margin-bottom: 15px;}
    .sub_Hotline .Hot_2 ul li h6{ line-height: 40px;}

    /*关于浩洋-公司简介*/
    .about_brief{padding: 20px 0;}
    .about_brief dl dt div.fr{ padding: 20px 5%; }
    .about_brief dl dt div.fr h3{ margin-bottom: 15px; font-size: 20px; line-height: 50px;}
    .about_brief dl dd div.a1{padding: 20px 5%;}
    .about_brief dl dd div.a1 h4{ margin-bottom: 15px; font-size: 20px; line-height: 50px;}

    /*关于浩洋-知识产权与专利*/
    .about_patent .pat_1 div.fr{ padding: 20px 5%;}
    .about_patent .pat_1 div.fr h3{ margin-bottom: 15px; font-size: 20px; line-height: 50px;}
    .about_patent .pat_2{padding: 20px;}

    /*关于浩洋-资质与荣誉*/
    .about_Honor .about_Honor_1 .swiper-slide a>span{ height: 36px; font-size: 12px;line-height: 36px;}

    /*关于浩洋- 人才招聘*/
    .about-join .join_1 ul li h4{ font-size: 20px !important;}
    .about-join .join_1 ul li p{ font-size: 12px !important; line-height: 24px !important;}
    .about-join .join_2{ padding: 20px 0;}
    .about-join .join_2 .gallery-thumbs .swiper-slide{height: 50px;}
    .about-join .join_2 .gallery-top .swiper-slide>span{height: 30px; font-size: 12px; line-height: 30px;}
    .about-join .join_2 .gallery-thumbs .slick-current:before{ line-height: 45px;}
    .about-join .join_3 dl dt{height: 46px;line-height:46px;}
    .about-join .join_3 dl dt span{ font-size: 14px;}
    .about-join .join_3 dl dd{height: 40px;line-height:40px;overflow: hidden;}
    .about-join .join_3 dl dd span{ font-size: 12px;}

    /*产品中心-一级*/
    .product .pro_1 li>p{ font-size: 12px; line-height: 30px;}
    .product .pro_1 li .pro_img>.fxg a{width: 24px;height: 24px; font-size: 14px; line-height: 24px;}

    /*产品中心-详情页*/
    .pro_D_1 div.fl .slider-nav{ padding: 0 30px;}
    .pro_D_1 div.fl .slider-nav .slick-arrow{width: 24px;height: 24px;margin-top: -12px;}
    .pro_D_1 div.fl .slider-nav .slick-arrow.slick-prev:before{ font-size: 12px;}
    .pro_D_1 div.fl .slider-nav .slick-arrow.slick-next:before{ font-size: 12px;}
    .pro_D_1 div.fr .bd .b_box_1 .aa span{ display: block;float: none;width: 100%;}
    .pro_D_1 div.fr h3{ font-size: 18px; line-height: 32px;}
    .pro_D_1 div.fr .hd ul li{width: 25%;margin-right:0; text-align: center; line-height: 42px;}
    .pro_D_2 .hd ul li{width: 20%;margin-right:0; text-align: center; line-height: 42px;}
    .pro_D_3 .hd ul li{width: 33.33%;margin-right:0; text-align: center; line-height: 42px;}
    .pro_D_3 .bd .swp_pr .swiper-slide a>span{ font-size: 12px;}
    .pro_D_4 .hd ul li{width: 50%;margin-right:0; text-align: center; line-height: 42px;}
    .pro_D_2 .bd .a_5 .swiper-slide>p{font-size: 12px;}

    /*联系我们-中国总部*/
    .con_map .con_map_1{ height: 300px;}

}
@-webkit-keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    40%, 43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0);
    }
}

@keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    40%, 43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0);
    }
}

#copy {width: 100%;height: 50px;margin: -3px 0 16px; border: none; border-radius: 8px; background: #da251d; font-size: 16px; color: #fff;}



.investor{margin-top: 50px}
.investor_t{padding: 20px 40px;background: #da251d;}
.investor_t p{font-size: 18px;color: #fff;line-height: 1.7}

.investor_t2{background: #fbfbfb;}
.investor_t2 .item{padding: 20px 40px;border-bottom: 1px solid #ededed;}
.investor_t2 .item p{font-size: 16px;color: #000000;line-height: 1.7}


.investor_img{margin-top: 40px}
.investor_img img{}

.communication{}

.communication_top{}
.communication_top_p{font-size: 18px;color: #000000;line-height: 1.7;padding: 20px 0;}
.communication_top_img{margin-bottom: 40px}

.communication_top_img a{display: block;position: relative}
.communication_top_img a .text{padding: 15px 15px;font-size: 16px;display: block;position: absolute;width: 100%;background-color: rgba(0,0,0,.7);color: #fff;line-height: 1.5;box-sizing: border-box;bottom:0;left: 0}

.message{background: #fbfbfb;padding: 40px;border: 1px solid #ededed}
.message textarea{padding: 20px 25px;line-height: 1.6;box-sizing: border-box;width: 100%;border: 1px solid #ededed;border-radius: 5px;height: 105px;background: #FFF;font-size: 14px;color: #666;}
.message .d{margin-top: 25px;text-align: right}
.message_submit{border: none;width: 100px;height: 36px;border-radius: 5px!important;background: #da251d;font-size: 14px;color: #FFF;}
.message_submit:hover{opacity: .8}


.interaction{padding-top: 50px;padding-bottom: 50px}

.interaction_list{}
.interaction_list .li{border-bottom: 1px solid #f2f2f2;}
.interaction_list_q{padding: 0 15px 0 30px;position: relative;padding: 30px 0;cursor: pointer}
.interaction_list_q .num{margin-right: 20px;background: url("../images/q.png") no-repeat center;background-size: 100%!important;width: 22px;height: 22px;font-size: 15px;color: #FFF;text-align: center;line-height: 22px;float: left;}
.interaction_list_q .question{font-size: 15px;color: #333333;line-height: 1.8;width: 70%;float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.interaction_list_q .icon{margin-top: 6px;background: url("../images/m_icon1.png") no-repeat center;background-size: 12px!important;float: right;width: 20px;height: 20px;text-align: center;line-height: 20px;}
/*.interaction_list_q .icon img{width: 12px;height: auto;}*/
/*.interaction_list_q .icon img:nth-child(1){}*/
/*.interaction_list_q .icon img:nth-child(2){display: none}*/
.interaction_list_q .replied{margin-right: 20px;background: #fff2f1;float: right;padding: 0 15px;border-radius: 3px;line-height: 30px;border: 1px solid #ec928e;font-size: 14px;color: #da251d;}

.interaction_list_a{display: none;background: #f7f7f7;padding: 30px 70px;}
.interaction_list_a p{font-size: 14px;color: #666666;line-height: 2}


.interaction_list .li.in .interaction_list_a{display: block}
.interaction_list .li.in .interaction_list_q .question{white-space: normal}
.interaction_list_q:hover .question{color: #da251d}
.interaction_list .li.in .interaction_list_q .icon{background: url("../images/m_icon1-1.png") no-repeat center;background-size: 20px!important;}


@media(max-width: 767px){
    .investor{margin-top: 30px}
    .investor_t2 .item,
    .investor_t{padding: 10px 20px}
    .investor_t2 .item p,
    .investor_t p{font-size: 16px}
    .communication_top_p{padding: 10px 0;font-size: 16px}
    .message{padding: 20px}
    .message textarea{height: 200px}
    .interaction{padding-top: 30px;padding-bottom: 30px;}
    .interaction_list_q .question{width: 50%}
    .interaction_list_q .replied{padding: 0 5px;font-size: 12px;line-height: 20px}
    .interaction_list_q .icon{margin-top: 4px}
    .interaction_list_q .icon{background-size: 6px!important;}

    .interaction_list .li.in .interaction_list_q .icon{background-size: 10px!important;}
    .interaction_list_q{padding: 16px 0}
    .interaction_list_q .question{line-height: 1.6}
    .interaction_list_a{padding: 20px 25px}
    .communication_top_img a .text{font-size: 12px;padding: 5px 15px}
}